@charset "UTF-8";
html body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4em;
    color: #333;
    background: url(/static/img/base-noise.jpeg) whitesmoke;
    -webkit-font-smoothing: antialiased
}

html h1, html h2, html h3, html h4 {
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #111
}

html h1 {
    margin-bottom: 18px;
    font-size: 30px;
    line-height: 36px
}

html h1 small {
    font-size: 18px
}

html h2 {
    font-size: 24px;
    line-height: 36px
}

html h2 small {
    font-size: 14px
}

html h3, html h4, html h5, html h6 {
    line-height: 1.2
}

html h3 {
    font-size: 18px
}

html h3 small {
    font-size: 14px
}

html h4 {
    font-size: 16px
}

html h4 small {
    font-size: 12px
}

html h5 {
    font-size: 14px
}

html h6 {
    font-size: 13px;
    color: #bfbfbf;
    text-transform: uppercase
}

html code {
    background: none;
    padding: 0;
    border: 0
}

html pre {
    padding: 0 15px;
    border: 0
}

html pre code {
    white-space: pre
}

html h1 small, html .big {
    color: #666;
    font-weight: 300;
    line-height: 1.4;
    font-size: 18px;
    margin-bottom: 1em
}

html select {
    color: #333
}

html a {
    /*color: #dd390d;*/
    /*font-weight: bold;*/
    -moz-transition-property: color;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

html a:hover {
    color: #0088CC;
    /*text-decoration: none*/
    text-decoration: underline;

}

html a:active {
    color: #0088CC
}

html h2 {
    margin: 1em 0 .4em
}

form {
    margin: 0
}

.table th {
    font-weight: normal
}

html.fixedscroll {
    overflow: hidden !important
}

.topbar {
    background: url(/static/img/header-bg.png) repeat-x white;
    color: #343434;
    height: 53px;
    position: relative;
    z-index: 1;
    font-size: 13px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0 #eee inset
}

.topbar .logo {
    float: left;
    width: 80px;
    height: 40px;
    background: url('/static/img/logo.png') 0 10px no-repeat;
    text-indent: -9999cm;
    margin-top: 3px;
    background-size: 60px;
}

.topbar h3.logo a {
    width: 80px;
    height: 40px;
    margin: 0;
    padding: 0;
    opacity: 1;
    display: block
}

.topbar .logo:hover {
    opacity: .85
}

.topbar .avatar {
    margin-top: -6px;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    border-radius: 32px
}

.topbar a {
    color: #777;
    text-shadow: 0 1px 0 white;
    font-weight: bold
}

.topbar ul li a:hover {
    color: #111
}

.topbar ul li.menu a.menu::after {
    border-top: 4px solid #666
}

.topbar ul li a {
    background-color: none
}

.topbar form {
    margin: 0;
    float: left;
    padding: 11px 0 10px 30px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: -1px 0 0 white
}

.topbar form input#search {
    background: #fff;
    color: #000;
    width: 220px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 0 white;
    padding: 6px 10px;
    line-height: 1.2
}

.topbar form input#search:hover {
    background: #fff;
    color: #000;
    border: 1px solid #ccc
}

.topbar form input#search:focus {
    background: #fff;
    color: #333;
    text-shadow: none;
    border: 1px solid #bbb
}

.topbar #search::-webkit-input-placeholder, .topbar #search:-moz-placeholder {
    color: #999
}

.topbar .nav {
    float: left;
    margin: 0;
    height: 53px
}

.topbar .nav.nav-user {
    float: right
}

.topbar .nav .nav-discover {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: -1px 0 0 white;
    padding-right: 21px;
    padding-left: 25px;
    margin-right: 5px;
    margin-left: 52px;
    text-align: center;
    width: 54px
}

.topbar .nav .nav-discover a {
    font-weight: bold;
    color: #444
}

.topbar .nav li {
    display: inline-block;
    line-height: 24px;
    vertical-align: middle;
    /*margin-left: 20px;*/
    margin-left: 15px;
    height: 23px;
    padding: 15px 0
}

.topbar .nav li a {
    font-weight: normal;
    background-color: none
}

.topbar .nav li a:hover {
    background-color: #fff
}

.topbar .nav .dropdown {
    padding: 15px;
    -webkit-transition: .15s border-color linear;
    -moz-transition: .15s border-color linear;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    background: transparent;
    max-width: 180px
}

.topbar .nav .dropdown li {
    margin: 0;
    border-bottom: 1px solid #ddd;
    line-height: 1.2;
    color: #999
}

.topbar .nav .dropdown li a {
    color: #111
}

.topbar .nav .dropdown li:last-child {
    border: 0
}

.topbar .nav .dropdown .username {
    padding: 9px 20px 9px
}

.topbar .nav .dropdown .caret {
    margin-top: 10px
}

.topbar .nav .dropdown:hover {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: transparent
}

.topbar .nav a.dropdown-toggle {
    padding: 0;
    background: transparent
}

.topbar .nav .dropdown.open {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #111
}

.topbar .nav .dropdown.open .dropdown-toggle {
    color: #111;
    background: transparent
}

.topbar .nav .dropdown.open .caret {
    color: #000;
    border-top-color: #000
}

.topbar .nav .dropdown-menu {
    margin-top: -1px;
    padding: 0;
    right: -1px;
    border-top-color: #ccc
}

.topbar .nav .dropdown-menu li {
    display: block;
    padding: 0;
    height: auto
}

.topbar .nav .dropdown-menu li:hover a {
    background: #f5f5f5
}

.topbar .nav .dropdown-menu a {
    display: block;
    padding: 8px 20px
}

.close {
    opacity: .5
}

#messages {
    position: absolute;
    text-align: center;
    background: #fff;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 15px 0;
    z-index: 100
}

.padding {
    padding: 40px 40px
}

.page {
    padding: 40px 80px
}

#body {
    margin-top: 20px
}

#app, .app-bg {
    background: url(/static/img/bg-column.png) repeat-y
}

.main {
    background: #fff;
    min-height: 400px;
    float: right
}

.main #new-clip {
    margin: 0 30px 20px
}

.main #new-clip span {
    color: #ccc;
    font-size: .9em
}

.main #new-clip input {
    width: 97%;
    padding: 6px 8px 4px 8px;
    font-size: 12px;
    border-color: #ddd
}

.main #list-info {
    padding: 18px 30px 0;
    color: #666
}

.main #list-info .private {
    background: url(../../img/icons-list.png) no-repeat;
    background-position: 10px -362px;
    padding-left: 16px;
    background-size: 16px
}

.main #list-info h3 {
    font-size: 26px;
    font-weight: normal;
    color: #2e3c3f;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
    margin-bottom: 10px;
    float: left;
    width: 480px
}

.main #list-info h3 span {
    color: #777
}

.main #list-info h3 small {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1;
    color: #777;
    margin-left: 5px;
    vertical-align: middle
}

.main #list-info h3 small .icon-lock {
    margin-right: 4px;
    opacity: .25;
    vertical-align: text-bottom
}

.main #list-info h3 small a {
    display: inline-block;
    color: #193242;
    background: #e9f4f6;
    padding: 4px 10px;
    font-weight: normal;
    border-radius: 3px
}

.main #list-info .list-actions {
    float: right
}

.main #list-info .list-actions .btn {
    font-size: 12px;
    padding: 5px 10px 5px;
    box-shadow: none;
    background: #fefefe;
    background-color: #eee;
    background-image: -moz-linear-gradient(white, #eee);
    background-image: -o-linear-gradient(white, #eee);
    background-image: -ms-linear-gradient(white, #eee);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #eee));
    background-image: -webkit-linear-gradient(white, #eee);
    box-shadow: none;
    border-bottom-color: #ccc
}

.main #list-info .list-actions .btn:hover {
    color: #111
}

.main #list-info .list-actions li {
    float: left;
    margin-left: 20px
}

.main #list-info .list-actions li a {
    color: #555;
    text-shadow: none;
    font-weight: normal;
    font-size: 13px;
    padding-top: 5px;
    display: block
}

.main #list-info .list-actions li i {
    background: url(../../img/icons-2x.png) 0 0 no-repeat;
    background-size: 24px;
    width: 16px;
    height: 12px;
    display: inline-block;
    opacity: .5
}

.main #list-info .list-actions li .btn.settings {
    background: none;
    border: 0;
    padding: 7px 10px 5px;
    border: 1px solid white;
    -webkit-transition: none;
    -moz-transition: none
}

.main #list-info .list-actions li.open .btn.settings {
    border: 1px solid #ccc;
    border-bottom: 1px solid white;
    background: white;
    z-index: 2000;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-transition: none;
    -moz-transition: none
}

.main #list-info .list-actions li.open .btn.settings i {
    opacity: 1
}

.main #list-info .list-actions li.open .dropdown-menu {
    margin-top: -2px;
    border-top-right-radius: 0
}

.main #list-info .list-actions li .settings i {
    background-position: 0 2px;
    width: 16px;
    height: 14px
}

.main #list-info .list-actions li .share i {
    background-position: 0 -15px
}

.main #list-info .list-actions li:hover i {
    opacity: 1;
    -webkit-transition: .25s all
}

.main #list-info .list-actions li a:hover {
    color: #333
}

.main #list-info .list-actions li a.delete:hover {
    color: #DD390D
}

.main #list-info .list-actions li .user-list {
    display: none
}

.main #list-info .list-actions li .dropdown-menu {
    min-width: 60px
}

.main #list-info .list-actions li .dropdown-menu li {
    display: block;
    margin: 0;
    float: none
}

.main #list-info .list-actions li .dropdown-menu li a {
    display: block;
    padding: 5px 25px;
    -webkit-transition: none
}

.main #list-info .list-actions li .dropdown-menu li a:hover {
    background-color: #eee
}

footer {
    border: 0;
    padding: 24px 0;
    text-align: center
}

footer a {
    font-weight: 300;
    color: #888;
    font-size: 13px;
    margin-top: 10px;
    margin-right: 25px
}

footer .mixpanel {
    float: right;
    margin-top: -7px
}

footer .mixpanel a {
    margin: 0
}

.right {
    float: right
}

.left {
    float: left
}

footer {
    padding: 40px 0;
    text-align: center;
    margin-top: 40px;
    color: #777
}

footer p {
    font-size: 14px;
    color: #777
}

footer a {
    margin: 0 2em;
    color: #777
}

footer .follow-buttons {
    margin-top: 30px;
    height: 40px;
    text-align: center;
    clear: both
}

footer .follow-buttons>div {
    display: inline-block;
    height: 22px
}

.avatar {
    background: url(/static/img/default-avatar.png) no-repeat;
    border-radius: 100px;
    border: 0;
    background-size: 100% 100%
}

/*!* Bootstrap v2.0.2 * * Copyright 2012 Twitter,Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:hover, a:active {
    outline: 0
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button, input {
    *overflow: visible;
    line-height: normal
}

button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

.hide-text {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    background-color: #fff
}

a {
    color: #08c;
    text-decoration: none
}

a:hover {
    color: #005580;
    text-decoration: underline
}

.row {
    margin-left: -20px;
    *zoom: 1
}

.row:before, .row:after {
    display: table;
    content: ""
}

.row:after {
    clear: both
}

[class*="span"] {
    float: left;
    margin-left: 20px
}

.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px
}

.span12 {
    width: 940px
}

.span11 {
    width: 860px
}

.span10 {
    width: 780px
}

.span9 {
    width: 700px
}

.span8 {
    width: 620px
}

.span7 {
    width: 540px
}

.span6 {
    width: 460px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.span2 {
    width: 140px
}

.span1 {
    width: 60px
}

.offset12 {
    margin-left: 980px
}

.offset11 {
    margin-left: 900px
}

.offset10 {
    margin-left: 820px
}

.offset9 {
    margin-left: 740px
}

.offset8 {
    margin-left: 660px
}

.offset7 {
    margin-left: 580px
}

.offset6 {
    margin-left: 500px
}

.offset5 {
    margin-left: 420px
}

.offset4 {
    margin-left: 340px
}

.offset3 {
    margin-left: 260px
}

.offset2 {
    margin-left: 180px
}

.offset1 {
    margin-left: 100px
}

.row-fluid {
    width: 100%;
    *zoom: 1
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: ""
}

.row-fluid:after {
    clear: both
}

.row-fluid>[class*="span"] {
    float: left;
    margin-left: 2.127659574%
}

.row-fluid>[class*="span"]:first-child {
    margin-left: 0
}

.row-fluid>.span12 {
    width: 99.99999998999999%
}

.row-fluid>.span11 {
    width: 91.489361693%
}

.row-fluid>.span10 {
    width: 82.97872339599999%
}

.row-fluid>.span9 {
    width: 74.468085099%
}

.row-fluid>.span8 {
    width: 65.95744680199999%
}

.row-fluid>.span7 {
    width: 57.446808505%
}

.row-fluid>.span6 {
    width: 48.93617020799999%
}

.row-fluid>.span5 {
    width: 40.425531911%
}

.row-fluid>.span4 {
    width: 31.914893614%
}

.row-fluid>.span3 {
    width: 23.404255317%
}

.row-fluid>.span2 {
    width: 14.89361702%
}

.row-fluid>.span1 {
    width: 6.382978723%
}

.container {
    margin-left: auto;
    margin-right: auto;
    *zoom: 1
}

.container:before, .container:after {
    display: table;
    content: ""
}

.container:after {
    clear: both
}

.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
    *zoom: 1
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: ""
}

.container-fluid:after {
    clear: both
}

p {
    margin: 0 0 9px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 18px
}

p small {
    font-size: 11px;
    color: #999
}

.lead {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 200;
    line-height: 27px
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    text-rendering: optimizelegibility
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    color: #999
}

h1 {
    font-size: 30px;
    line-height: 36px
}

h1 small {
    font-size: 18px
}

h2 {
    font-size: 24px;
    line-height: 36px
}

h2 small {
    font-size: 18px
}

h3 {
    line-height: 27px;
    font-size: 18px
}

h3 small {
    font-size: 14px
}

h4, h5, h6 {
    line-height: 18px
}

h4 {
    font-size: 14px
}

h4 small {
    font-size: 12px
}

h5 {
    font-size: 12px
}

h6 {
    font-size: 11px;
    color: #999;
    text-transform: uppercase
}

.page-header {
    padding-bottom: 17px;
    margin: 18px 0;
    border-bottom: 1px solid #eee
}

.page-header h1 {
    line-height: 1
}

ul, ol {
    padding: 0;
    margin: 0 0 9px 25px
}

ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li {
    line-height: 18px
}

ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none
}

dl {
    margin-bottom: 18px
}

dt, dd {
    line-height: 18px
}

dt {
    font-weight: bold;
    line-height: 17px
}

dd {
    margin-left: 9px
}

.dl-horizontal dt {
    float: left;
    clear: left;
    width: 120px;
    text-align: right
}

.dl-horizontal dd {
    margin-left: 130px
}

hr {
    margin: 18px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

.muted {
    color: #999
}

abbr[title] {
    border-bottom: 1px dotted #ddd;
    cursor: help
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 18px;
    border-left: 5px solid #eee
}

blockquote p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 22.5px
}

blockquote small {
    display: block;
    line-height: 18px;
    color: #999
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote.pull-right {
    float: right;
    padding-left: 0;
    padding-right: 15px;
    border-left: 0;
    border-right: 5px solid #eee
}

blockquote.pull-right p, blockquote.pull-right small {
    text-align: right
}

q:before, q:after, blockquote:before, blockquote:after {
    content: ""
}

address {
    display: block;
    margin-bottom: 18px;
    line-height: 18px;
    font-style: normal
}

small {
    font-size: 100%
}

cite {
    font-style: normal
}

code, pre {
    padding: 0 3px 2px;
    font-family: Menlo, Monaco, "Courier New", monospace;
    font-size: 12px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

code {
    padding: 2px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8
}

pre {
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 12.025px;
    line-height: 18px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: pre;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word
}

pre.prettyprint {
    margin-bottom: 18px
}

pre code {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

form {
    margin: 0 0 18px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 27px;
    font-size: 19.5px;
    line-height: 36px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #eee
}

legend small {
    font-size: 13.5px;
    color: #999
}

label, input, button, select, textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 18px
}

input, button, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

label {
    display: block;
    margin-bottom: 5px;
    color: #333
}

input, textarea, select, .uneditable-input {
    display: inline-block;
    width: 210px;
    height: 18px;
    padding: 4px;
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 18px;
    color: #555;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.uneditable-textarea {
    width: auto;
    height: auto
}

label input, label textarea, label select {
    display: block
}

input[type="image"], input[type="checkbox"], input[type="radio"] {
    width: auto;
    height: auto;
    padding: 0;
    margin: 3px 0;
    *margin-top: 0;
    line-height: normal;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0  \9
}

input[type="image"] {
    border: 0
}

input[type="file"] {
    width: auto;
    padding: initial;
    line-height: initial;
    border: initial;
    background-color: #fff;
    background-color: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

input[type="button"], input[type="reset"], input[type="submit"] {
    width: auto;
    height: auto
}

select, input[type="file"] {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px
}

input[type="file"] {
    line-height: 18px  \9
}

select {
    width: 220px;
    background-color: #fff
}

select[multiple], select[size] {
    height: auto
}

input[type="image"] {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

textarea {
    height: auto
}

input[type="hidden"] {
    display: none
}

.radio, .checkbox {
    padding-left: 18px
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -18px
}

.controls>.radio:first-child, .controls>.checkbox:first-child {
    padding-top: 5px
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
    margin-left: 10px
}

input, textarea {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -ms-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

input:focus, textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted  \9
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
    float: none;
    margin-left: 0
}

input, textarea, .uneditable-input {
    margin-left: 0
}

input.span12, textarea.span12, .uneditable-input.span12 {
    width: 930px
}

input.span11, textarea.span11, .uneditable-input.span11 {
    width: 850px
}

input.span10, textarea.span10, .uneditable-input.span10 {
    width: 770px
}

input.span9, textarea.span9, .uneditable-input.span9 {
    width: 690px
}

input.span8, textarea.span8, .uneditable-input.span8 {
    width: 610px
}

input.span7, textarea.span7, .uneditable-input.span7 {
    width: 530px
}

input.span6, textarea.span6, .uneditable-input.span6 {
    width: 450px
}

input.span5, textarea.span5, .uneditable-input.span5 {
    width: 370px
}

input.span4, textarea.span4, .uneditable-input.span4 {
    width: 290px
}

input.span3, textarea.span3, .uneditable-input.span3 {
    width: 210px
}

input.span2, textarea.span2, .uneditable-input.span2 {
    width: 130px
}

input.span1, textarea.span1, .uneditable-input.span1 {
    width: 50px
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    background-color: #eee;
    border-color: #ddd;
    cursor: not-allowed
}

.control-group.warning>label, .control-group.warning .help-block, .control-group.warning .help-inline {
    color: #c09853
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    color: #c09853;
    border-color: #c09853
}

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: 0 0 6px #dbc59e;
    -moz-box-shadow: 0 0 6px #dbc59e;
    box-shadow: 0 0 6px #dbc59e
}

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.control-group.error>label, .control-group.error .help-block, .control-group.error .help-inline {
    color: #b94a48
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    color: #b94a48;
    border-color: #b94a48
}

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: 0 0 6px #d59392;
    -moz-box-shadow: 0 0 6px #d59392;
    box-shadow: 0 0 6px #d59392
}

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.control-group.success>label, .control-group.success .help-block, .control-group.success .help-inline {
    color: #468847
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    color: #468847;
    border-color: #468847
}

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: 0 0 6px #7aba7b;
    -moz-box-shadow: 0 0 6px #7aba7b;
    box-shadow: 0 0 6px #7aba7b
}

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

input:focus:required:invalid, textarea:focus:required:invalid, select:focus:required:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:required:invalid:focus, textarea:focus:required:invalid:focus, select:focus:required:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #eee;
    border-top: 1px solid #ddd;
    *zoom: 1
}

.form-actions:before, .form-actions:after {
    display: table;
    content: ""
}

.form-actions:after {
    clear: both
}

.uneditable-input {
    display: block;
    background-color: #fff;
    border-color: #eee;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed
}

:-moz-placeholder {
    color: #999
}

::-webkit-input-placeholder {
    color: #999
}

.help-block, .help-inline {
    color: #555
}

.help-block {
    display: block;
    margin-bottom: 9px
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px
}

.input-prepend, .input-append {
    margin-bottom: 5px
}

.input-prepend input, .input-append input, .input-prepend select, .input-append select, .input-prepend .uneditable-input, .input-append .uneditable-input {
    *margin-left: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-prepend input:focus, .input-append input:focus, .input-prepend select:focus, .input-append select:focus, .input-prepend .uneditable-input:focus, .input-append .uneditable-input:focus {
    position: relative;
    z-index: 2
}

.input-prepend .uneditable-input, .input-append .uneditable-input {
    border-left-color: #ccc
}

.input-prepend .add-on, .input-append .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: 1px solid #ccc
}

.input-prepend .add-on, .input-append .add-on, .input-prepend .btn, .input-append .btn {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-prepend .active, .input-append .active {
    background-color: #a9dba9;
    border-color: #46a546
}

.input-prepend .add-on, .input-prepend .btn {
    margin-right: -1px
}

.input-append input, .input-append select .uneditable-input {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-append .uneditable-input {
    border-left-color: #eee;
    border-right-color: #ccc
}

.input-append .add-on, .input-append .btn {
    margin-left: -1px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.search-query {
    padding-left: 14px;
    padding-right: 14px;
    margin-bottom: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea, .form-inline textarea, .form-horizontal textarea, .form-search select, .form-inline select, .form-horizontal select, .form-search .help-inline, .form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input, .form-inline .uneditable-input, .form-horizontal .uneditable-input, .form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend, .form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    display: inline-block;
    margin-bottom: 0
}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {
    display: none
}

.form-search label, .form-inline label {
    display: inline-block
}

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend {
    margin-bottom: 0
}

.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-left: 0;
    margin-right: 3px
}

.control-group {
    margin-bottom: 9px
}

legend+.control-group {
    margin-top: 18px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 18px;
    *zoom: 1
}

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    display: table;
    content: ""
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 140px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    margin-left: 160px;
    *display: inline-block;
    *margin-left: 0;
    *padding-left: 20px
}

.form-horizontal .help-block {
    margin-top: 9px;
    margin-bottom: 0
}

.form-horizontal .form-actions {
    padding-left: 160px
}

table {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent
}

.table {
    width: 100%;
    margin-bottom: 18px
}

.table th, .table td {
    padding: 8px;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table th {
    font-weight: bold
}

.table thead th {
    vertical-align: bottom
}

.table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #ddd;
    border-left: 0;
    border-collapse: separate;
    *border-collapse: collapsed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #ddd
}

.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0
}

.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0
}

.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px
}

.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
    -webkit-border-radius: 0 0 4px 0;
    -moz-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0
}

.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #f9f9f9
}

.table tbody tr:hover td, .table tbody tr:hover th {
    background-color: #f5f5f5
}

table .span1 {
    float: none;
    width: 44px;
    margin-left: 0
}

table .span2 {
    float: none;
    width: 124px;
    margin-left: 0
}

table .span3 {
    float: none;
    width: 204px;
    margin-left: 0
}

table .span4 {
    float: none;
    width: 284px;
    margin-left: 0
}

table .span5 {
    float: none;
    width: 364px;
    margin-left: 0
}

table .span6 {
    float: none;
    width: 444px;
    margin-left: 0
}

table .span7 {
    float: none;
    width: 524px;
    margin-left: 0
}

table .span8 {
    float: none;
    width: 604px;
    margin-left: 0
}

table .span9 {
    float: none;
    width: 684px;
    margin-left: 0
}

table .span10 {
    float: none;
    width: 764px;
    margin-left: 0
}

table .span11 {
    float: none;
    width: 844px;
    margin-left: 0
}

table .span12 {
    float: none;
    width: 924px;
    margin-left: 0
}

table .span13 {
    float: none;
    width: 1004px;
    margin-left: 0
}

table .span14 {
    float: none;
    width: 1084px;
    margin-left: 0
}

table .span15 {
    float: none;
    width: 1164px;
    margin-left: 0
}

table .span16 {
    float: none;
    width: 1244px;
    margin-left: 0
}

table .span17 {
    float: none;
    width: 1324px;
    margin-left: 0
}

table .span18 {
    float: none;
    width: 1404px;
    margin-left: 0
}

table .span19 {
    float: none;
    width: 1484px;
    margin-left: 0
}

table .span20 {
    float: none;
    width: 1564px;
    margin-left: 0
}

table .span21 {
    float: none;
    width: 1644px;
    margin-left: 0
}

table .span22 {
    float: none;
    width: 1724px;
    margin-left: 0
}

table .span23 {
    float: none;
    width: 1804px;
    margin-left: 0
}

table .span24 {
    float: none;
    width: 1884px;
    margin-left: 0
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/static/img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    *margin-right: .3em
}

[class^="icon-"]:last-child, [class*=" icon-"]:last-child {
    *margin-left: 0
}

.icon-white {
    background-image: url("../../img/glyphicons-halflings-white.png")
}

.icon-glass {
    background-position: 0 0
}

.icon-music {
    background-position: -24px 0
}

.icon-search {
    background-position: -48px 0
}

.icon-envelope {
    background-position: -72px 0
}

.icon-heart {
    background-position: -96px 0
}

.icon-star {
    background-position: -120px 0
}

.icon-star-empty {
    background-position: -144px 0
}

.icon-user {
    background-position: -168px 0
}

.icon-film {
    background-position: -192px 0
}

.icon-th-large {
    background-position: -216px 0
}

.icon-th {
    background-position: -240px 0
}

.icon-th-list {
    background-position: -264px 0
}

.icon-ok {
    background-position: -288px 0
}

.icon-remove {
    background-position: -312px 0
}

.icon-zoom-in {
    background-position: -336px 0
}

.icon-zoom-out {
    background-position: -360px 0
}

.icon-off {
    background-position: -384px 0
}

.icon-signal {
    background-position: -408px 0
}

.icon-cog {
    background-position: -432px 0
}

.icon-trash {
    background-position: -456px 0
}

.icon-home {
    background-position: 0 -24px
}

.icon-file {
    background-position: -24px -24px
}

.icon-time {
    background-position: -48px -24px
}

.icon-road {
    background-position: -72px -24px
}

.icon-download-alt {
    background-position: -96px -24px
}

.icon-download {
    background-position: -120px -24px
}

.icon-upload {
    background-position: -144px -24px
}

.icon-inbox {
    background-position: -168px -24px
}

.icon-play-circle {
    background-position: -192px -24px
}

.icon-repeat {
    background-position: -216px -24px
}

.icon-refresh {
    background-position: -240px -24px
}

.icon-list-alt {
    background-position: -264px -24px
}

.icon-lock {
    background-position: -287px -24px
}

.icon-flag {
    background-position: -312px -24px
}

.icon-headphones {
    background-position: -336px -24px
}

.icon-volume-off {
    background-position: -360px -24px
}

.icon-volume-down {
    background-position: -384px -24px
}

.icon-volume-up {
    background-position: -408px -24px
}

.icon-qrcode {
    background-position: -432px -24px
}

.icon-barcode {
    background-position: -456px -24px
}

.icon-tag {
    background-position: 0 -48px
}

.icon-tags {
    background-position: -25px -48px
}

.icon-book {
    background-position: -48px -48px
}

.icon-bookmark {
    background-position: -72px -48px
}

.icon-print {
    background-position: -96px -48px
}

.icon-camera {
    background-position: -120px -48px
}

.icon-font {
    background-position: -144px -48px
}

.icon-bold {
    background-position: -167px -48px
}

.icon-italic {
    background-position: -192px -48px
}

.icon-text-height {
    background-position: -216px -48px
}

.icon-text-width {
    background-position: -240px -48px
}

.icon-align-left {
    background-position: -264px -48px
}

.icon-align-center {
    background-position: -288px -48px
}

.icon-align-right {
    background-position: -312px -48px
}

.icon-align-justify {
    background-position: -336px -48px
}

.icon-list {
    background-position: -360px -48px
}

.icon-indent-left {
    background-position: -384px -48px
}

.icon-indent-right {
    background-position: -408px -48px
}

.icon-facetime-video {
    background-position: -432px -48px
}

.icon-picture {
    background-position: -456px -48px
}

.icon-pencil {
    background-position: 0 -72px
}

.icon-map-marker {
    background-position: -24px -72px
}

.icon-adjust {
    background-position: -48px -72px
}

.icon-tint {
    background-position: -72px -72px
}

.icon-edit {
    background-position: -96px -72px
}

.icon-share {
    background-position: -120px -72px
}

.icon-check {
    background-position: -144px -72px
}

.icon-move {
    background-position: -168px -72px
}

.icon-step-backward {
    background-position: -192px -72px
}

.icon-fast-backward {
    background-position: -216px -72px
}

.icon-backward {
    background-position: -240px -72px
}

.icon-play {
    background-position: -264px -72px
}

.icon-pause {
    background-position: -288px -72px
}

.icon-stop {
    background-position: -312px -72px
}

.icon-forward {
    background-position: -336px -72px
}

.icon-fast-forward {
    background-position: -360px -72px
}

.icon-step-forward {
    background-position: -384px -72px
}

.icon-eject {
    background-position: -408px -72px
}

.icon-chevron-left {
    background-position: -432px -72px
}

.icon-chevron-right {
    background-position: -456px -72px
}

.icon-plus-sign {
    background-position: 0 -96px
}

.icon-minus-sign {
    background-position: -24px -96px
}

.icon-remove-sign {
    background-position: -48px -96px
}

.icon-ok-sign {
    background-position: -72px -96px
}

.icon-question-sign {
    background-position: -96px -96px
}

.icon-info-sign {
    background-position: -120px -96px
}

.icon-screenshot {
    background-position: -144px -96px
}

.icon-remove-circle {
    background-position: -168px -96px
}

.icon-ok-circle {
    background-position: -192px -96px
}

.icon-ban-circle {
    background-position: -216px -96px
}

.icon-arrow-left {
    background-position: -240px -96px
}

.icon-arrow-right {
    background-position: -264px -96px
}

.icon-arrow-up {
    background-position: -289px -96px
}

.icon-arrow-down {
    background-position: -312px -96px
}

.icon-share-alt {
    background-position: -336px -96px
}

.icon-resize-full {
    background-position: -360px -96px
}

.icon-resize-small {
    background-position: -384px -96px
}

.icon-plus {
    background-position: -408px -96px
}

.icon-minus {
    background-position: -433px -96px
}

.icon-asterisk {
    background-position: -456px -96px
}

.icon-exclamation-sign {
    background-position: 0 -120px
}

.icon-gift {
    background-position: -24px -120px
}

.icon-leaf {
    background-position: -48px -120px
}

.icon-fire {
    background-position: -72px -120px
}

.icon-eye-open {
    background-position: -96px -120px
}

.icon-eye-close {
    background-position: -120px -120px
}

.icon-warning-sign {
    background-position: -144px -120px
}

.icon-plane {
    background-position: -168px -120px
}

.icon-calendar {
    background-position: -192px -120px
}

.icon-random {
    background-position: -216px -120px
}

.icon-comment {
    background-position: -240px -120px
}

.icon-magnet {
    background-position: -264px -120px
}

.icon-chevron-up {
    background-position: -288px -120px
}

.icon-chevron-down {
    background-position: -313px -119px
}

.icon-retweet {
    background-position: -336px -120px
}

.icon-shopping-cart {
    background-position: -360px -120px
}

.icon-folder-close {
    background-position: -384px -120px
}

.icon-folder-open {
    background-position: -408px -120px
}

.icon-resize-vertical {
    background-position: -432px -119px
}

.icon-resize-horizontal {
    background-position: -456px -118px
}

.dropdown {
    position: relative
}

.dropdown-toggle {
    *margin-bottom: -3px
}

.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    opacity: .3;
    filter: alpha(opacity = 30);
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown:hover .caret, .open.dropdown .caret {
    opacity: 1;
    filter: alpha(opacity = 100)
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 8px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
    *width: 100%;
    *margin: -5px 0 5px
}

.dropdown-menu a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #333;
    white-space: nowrap
}

.dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #08c
}

.dropdown.open {
    *z-index: 1000
}

.dropdown.open .dropdown-toggle {
    color: #fff;
    background: #ccc;
    background: rgba(0, 0, 0, 0.3)
}

.dropdown.open .dropdown-menu {
    display: block
}

.pull-right .dropdown-menu {
    left: auto;
    right: 0
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: "\2191"
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.typeahead {
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}

.well-large {
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.well-small {
    padding: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.fade {
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -ms-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    opacity: 0
}

.fade.in {
    opacity: 1
}

.collapse {
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -ms-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease;
    position: relative;
    overflow: hidden;
    height: 0
}

.collapse.in {
    height: auto
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity = 20)
}

.close:hover {
    color: #000;
    text-decoration: none;
    opacity: .4;
    filter: alpha(opacity = 40);
    cursor: pointer
}

.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(top, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6', GradientType = 0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false);
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    *margin-left: .3em
}

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #e6e6e6
}

.btn:active, .btn.active {
    background-color: #ccc  \9
}

.btn:first-child {
    *margin-left: 0
}

.btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -ms-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active, .btn:active {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #e6e6e6;
    background-color: #d9d9d9  \9;
    outline: 0
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    background-color: #e6e6e6;
    opacity: .65;
    filter: alpha(opacity = 65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-large {
    padding: 9px 14px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-large [class^="icon-"] {
    margin-top: 1px
}

.btn-small {
    padding: 5px 9px;
    font-size: 11px;
    line-height: 16px
}

.btn-small [class^="icon-"] {
    margin-top: -1px
}

.btn-mini {
    padding: 2px 6px;
    font-size: 11px;
    line-height: 14px
}

.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #fff
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75)
}

.btn-primary {
    background-color: #0074cc;
    background-image: -moz-linear-gradient(top, #08c, #05c);
    background-image: -ms-linear-gradient(top, #08c, #05c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#05c));
    background-image: -webkit-linear-gradient(top, #08c, #05c);
    background-image: -o-linear-gradient(top, #08c, #05c);
    background-image: linear-gradient(top, #08c, #05c);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0088cc', endColorstr = '#0055cc', GradientType = 0);
    border-color: #05c #0055cc #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false)
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #05c
}

.btn-primary:active, .btn-primary.active {
    background-color: #004099  \9
}

.btn-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -ms-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbb450', endColorstr = '#f89406', GradientType = 0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false)
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    background-color: #f89406
}

.btn-warning:active, .btn-warning.active {
    background-color: #c67605  \9
}

.btn-danger {
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ee5f5b', endColorstr = '#bd362f', GradientType = 0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false)
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    background-color: #bd362f
}

.btn-danger:active, .btn-danger.active {
    background-color: #942a25  \9
}

.btn-success {
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -ms-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(top, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#62c462', endColorstr = '#51a351', GradientType = 0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false)
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background-color: #51a351
}

.btn-success:active, .btn-success.active {
    background-color: #408140  \9
}

.btn-info {
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5bc0de', endColorstr = '#2f96b4', GradientType = 0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false)
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-color: #2f96b4
}

.btn-info:active, .btn-info.active {
    background-color: #24748c  \9
}

.btn-inverse {
    background-color: #414141;
    background-image: -moz-linear-gradient(top, #555, #222);
    background-image: -ms-linear-gradient(top, #555, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555), to(#222));
    background-image: -webkit-linear-gradient(top, #555, #222);
    background-image: -o-linear-gradient(top, #555, #222);
    background-image: linear-gradient(top, #555, #222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#555555', endColorstr = '#222222', GradientType = 0);
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false)
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222
}

.btn-inverse:active, .btn-inverse.active {
    background-color: #080808  \9
}

button.btn, input[type="submit"].btn {
    *padding-top: 2px;
    *padding-bottom: 2px
}

button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btn.btn-large, input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small, input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn.btn-mini, input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-group {
    position: relative;
    *zoom: 1;
    *margin-left: .3em
}

.btn-group:before, .btn-group:after {
    display: table;
    content: ""
}

.btn-group:after {
    clear: both
}

.btn-group:first-child {
    *margin-left: 0
}

.btn-group+.btn-group {
    margin-left: 5px
}

.btn-toolbar {
    margin-top: 9px;
    margin-bottom: 9px
}

.btn-toolbar .btn-group {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.btn-group .btn {
    position: relative;
    float: left;
    margin-left: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group .btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.btn-group .btn:last-child, .btn-group .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.btn-group .btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.btn-group .btn.large:last-child, .btn-group .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

.btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active, .btn-group .btn.active {
    z-index: 2
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    *padding-top: 3px;
    *padding-bottom: 3px
}

.btn-group .btn-mini.dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px;
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-group .btn-small.dropdown-toggle {
    *padding-top: 4px;
    *padding-bottom: 4px
}

.btn-group .btn-large.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open {
    *z-index: 1000
}

.btn-group.open .dropdown-menu {
    display: block;
    margin-top: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn .caret {
    margin-top: 7px;
    margin-left: 0
}

.btn:hover .caret, .open.btn-group .caret {
    opacity: 1;
    filter: alpha(opacity = 100)
}

.btn-mini .caret {
    margin-top: 5px
}

.btn-small .caret {
    margin-top: 6px
}

.btn-large .caret {
    margin-top: 6px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000
}

.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: .75;
    filter: alpha(opacity = 75)
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #c09853
}

.alert-heading {
    color: inherit
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p, .alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}

.nav {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none
}

.nav>li>a {
    display: block
}

.nav>li>a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav .nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase
}

.nav li+.nav-header {
    margin-top: 9px
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
}

.nav-list>li>a, .nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}

.nav-list>li>a {
    padding: 3px 15px
}

.nav-list>.active>a, .nav-list>.active>a:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #08c
}

.nav-list [class^="icon-"] {
    margin-right: 2px
}

.nav-list .divider {
    height: 1px;
    margin: 8px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
    *width: 100%;
    *margin: -5px 0 5px
}

.nav-tabs, .nav-pills {
    *zoom: 1
}

.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after {
    display: table;
    content: ""
}

.nav-tabs:after, .nav-pills:after {
    clear: both
}

.nav-tabs>li, .nav-pills>li {
    float: left
}

.nav-tabs>li>a, .nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    margin-bottom: -1px
}

.nav-tabs>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 18px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.nav-pills>.active>a, .nav-pills>.active>a:hover {
    color: #fff;
    background-color: #08c
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li>a {
    margin-right: 0
}

.nav-tabs.nav-stacked {
    border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.nav-tabs.nav-stacked>li:last-child>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.nav-tabs.nav-stacked>li>a:hover {
    border-color: #ddd;
    z-index: 2
}

.nav-pills.nav-stacked>li>a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom: 1px
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu {
    margin-top: 1px;
    border-width: 1px
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
    border-top-color: #08c;
    border-bottom-color: #08c;
    margin-top: 6px
}

.nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
    border-top-color: #005580;
    border-bottom-color: #005580
}

.nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret {
    border-top-color: #333;
    border-bottom-color: #333
}

.nav>.dropdown.active>a:hover {
    color: #000;
    cursor: pointer
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>.open.active>a:hover {
    color: #fff;
    background-color: #999;
    border-color: #999
}

.nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: 1;
    filter: alpha(opacity = 100)
}

.tabs-stacked .open>a:hover {
    border-color: #999
}

.tabbable {
    *zoom: 1
}

.tabbable:before, .tabbable:after {
    display: table;
    content: ""
}

.tabbable:after {
    clear: both
}

.tab-content {
    display: table;
    width: 100%
}

.tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs {
    border-bottom: 0
}

.tab-content>.tab-pane, .pill-content>.pill-pane {
    display: none
}

.tab-content>.active, .pill-content>.active {
    display: block
}

.tabs-below .nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below .nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below .nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.tabs-below .nav-tabs>li>a:hover {
    border-bottom-color: transparent;
    border-top-color: #ddd
}

.tabs-below .nav-tabs .active>a, .tabs-below .nav-tabs .active>a:hover {
    border-color: transparent #ddd #ddd #ddd
}

.tabs-left .nav-tabs>li, .tabs-right .nav-tabs>li {
    float: none
}

.tabs-left .nav-tabs>li>a, .tabs-right .nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-left .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

.tabs-left .nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.tabs-left .nav-tabs>li>a:hover {
    border-color: #eee #ddd #eee #eee
}

.tabs-left .nav-tabs .active>a, .tabs-left .nav-tabs .active>a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #fff
}

.tabs-right .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

.tabs-right .nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.tabs-right .nav-tabs>li>a:hover {
    border-color: #eee #eee #eee #ddd
}

.tabs-right .nav-tabs .active>a, .tabs-right .nav-tabs .active>a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #fff
}

.navbar {
    *position: relative;
    *z-index: 2;
    overflow: visible;
    margin-bottom: 18px
}

.navbar-inner {
    padding-left: 20px;
    padding-right: 20px;
    background-color: #2c2c2c;
    background-image: -moz-linear-gradient(top, #333, #222);
    background-image: -ms-linear-gradient(top, #333, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
    background-image: -webkit-linear-gradient(top, #333, #222);
    background-image: -o-linear-gradient(top, #333, #222);
    background-image: linear-gradient(top, #333, #222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#333333', endColorstr = '#222222', GradientType = 0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)
}

.navbar .container {
    width: auto
}

.btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #2c2c2c;
    background-image: -moz-linear-gradient(top, #333, #222);
    background-image: -ms-linear-gradient(top, #333, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#222));
    background-image: -webkit-linear-gradient(top, #333, #222);
    background-image: -o-linear-gradient(top, #333, #222);
    background-image: linear-gradient(top, #333, #222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#333333', endColorstr = '#222222', GradientType = 0);
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075)
}

.btn-navbar:hover, .btn-navbar:active, .btn-navbar.active, .btn-navbar.disabled, .btn-navbar[disabled] {
    background-color: #222
}

.btn-navbar:active, .btn-navbar.active {
    background-color: #080808  \9
}

.btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25)
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 3px
}

.nav-collapse.collapse {
    height: auto
}

.navbar {
    color: #999
}

.navbar .brand:hover {
    text-decoration: none
}

.navbar .brand {
    float: left;
    display: block;
    padding: 8px 20px 12px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    line-height: 1;
    color: #fff
}

.navbar .navbar-text {
    margin-bottom: 0;
    line-height: 40px
}

.navbar .btn, .navbar .btn-group {
    margin-top: 5px
}

.navbar .btn-group .btn {
    margin-top: 0
}

.navbar-form {
    margin-bottom: 0;
    *zoom: 1
}

.navbar-form:before, .navbar-form:after {
    display: table;
    content: ""
}

.navbar-form:after {
    clear: both
}

.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {
    margin-top: 5px
}

.navbar-form input, .navbar-form select {
    display: inline-block;
    margin-bottom: 0
}

.navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] {
    margin-top: 3px
}

.navbar-form .input-append, .navbar-form .input-prepend {
    margin-top: 6px;
    white-space: nowrap
}

.navbar-form .input-append input, .navbar-form .input-prepend input {
    margin-top: 0
}

.navbar-search {
    position: relative;
    float: left;
    margin-top: 6px;
    margin-bottom: 0
}

.navbar-search .search-query {
    padding: 4px 9px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    background-color: #626262;
    border: 1px solid #151515;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.navbar-search .search-query:-moz-placeholder {
    color: #ccc
}

.navbar-search .search-query::-webkit-input-placeholder {
    color: #ccc
}

.navbar-search .search-query:focus, .navbar-search .search-query.focused {
    padding: 5px 10px;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    outline: 0
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 940px
}

.navbar-fixed-top {
    top: 0
}

.navbar-fixed-bottom {
    bottom: 0
}

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0
}

.navbar .nav.pull-right {
    float: right
}

.navbar .nav>li {
    display: block;
    float: left
}

.navbar .nav>li>a {
    float: none;
    padding: 10px 10px 11px;
    line-height: 19px;
    color: #999;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.navbar .nav>li>a:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: none
}

.navbar .nav .active>a, .navbar .nav .active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #222
}

.navbar .divider-vertical {
    height: 40px;
    width: 1px;
    margin: 0 9px;
    overflow: hidden;
    background-color: #222;
    border-right: 1px solid #333
}

.navbar .nav.pull-right {
    margin-left: 10px;
    margin-right: 0
}

.navbar .dropdown-menu {
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.navbar .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px
}

.navbar .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 10px
}

.navbar-fixed-bottom .dropdown-menu:before {
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
    bottom: -7px;
    top: auto
}

.navbar-fixed-bottom .dropdown-menu:after {
    border-top: 6px solid #fff;
    border-bottom: 0;
    bottom: -6px;
    top: auto
}

.navbar .nav .dropdown-toggle .caret, .navbar .nav .open.dropdown .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar .nav .active .caret {
    opacity: 1;
    filter: alpha(opacity = 100)
}

.navbar .nav .open>.dropdown-toggle, .navbar .nav .active>.dropdown-toggle, .navbar .nav .open.active>.dropdown-toggle {
    background-color: transparent
}

.navbar .nav .active>.dropdown-toggle:hover {
    color: #fff
}

.navbar .nav.pull-right .dropdown-menu, .navbar .nav .dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.navbar .nav.pull-right .dropdown-menu:before, .navbar .nav .dropdown-menu.pull-right:before {
    left: auto;
    right: 12px
}

.navbar .nav.pull-right .dropdown-menu:after, .navbar .nav .dropdown-menu.pull-right:after {
    left: auto;
    right: 13px
}

.breadcrumb {
    padding: 7px 14px;
    margin: 0 0 18px;
    list-style: none;
    background-color: #fbfbfb;
    background-image: -moz-linear-gradient(top, #fff, #f5f5f5);
    background-image: -ms-linear-gradient(top, #fff, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #fff, #f5f5f5);
    background-image: -o-linear-gradient(top, #fff, #f5f5f5);
    background-image: linear-gradient(top, #fff, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f5f5f5', GradientType = 0);
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

.breadcrumb li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-shadow: 0 1px 0 #fff
}

.breadcrumb .divider {
    padding: 0 5px;
    color: #999
}

.breadcrumb .active a {
    color: #333
}

.pagination {
    height: 36px;
    margin: 18px 0
}

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
}

.pagination li {
    display: inline
}

.pagination a {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-left-width: 0
}

.pagination a:hover, .pagination .active a {
    background-color: #f5f5f5
}

.pagination .active a {
    color: #999;
    cursor: default
}

.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
    color: #999;
    background-color: transparent;
    cursor: default
}

.pagination li:first-child a {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px
}

.pagination li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pager {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
    text-align: center;
    *zoom: 1
}

.pager:before, .pager:after {
    display: table;
    content: ""
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pager a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next a {
    float: right
}

.pager .previous a {
    float: left
}

.pager .disabled a, .pager .disabled a:hover {
    color: #999;
    background-color: #fff;
    cursor: default
}

.modal-open .dropdown-menu {
    z-index: 2050
}

.modal-open .dropdown.open {
    *z-index: 2050
}

.modal-open .popover {
    z-index: 2060
}

.modal-open .tooltip {
    z-index: 2070
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity = 80)
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    overflow: auto;
    width: 560px;
    margin: -250px 0 0 -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -ms-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%
}

.modal.fade.in {
    top: 50%
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

.modal-header .close {
    margin-top: 2px
}

.modal-body {
    overflow-y: auto;
    max-height: 400px;
    padding: 15px
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    *zoom: 1
}

.modal-footer:before, .modal-footer:after {
    display: table;
    content: ""
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.tooltip {
    position: absolute;
    z-index: 1020;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    filter: alpha(opacity = 0)
}

.tooltip.in {
    opacity: .8;
    filter: alpha(opacity = 80)
}

.tooltip.top {
    margin-top: -2px
}

.tooltip.right {
    margin-left: 2px
}

.tooltip.bottom {
    margin-top: 2px
}

.tooltip.left {
    margin-left: -2px
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    padding: 5px
}

.popover.top {
    margin-top: -5px
}

.popover.right {
    margin-left: 5px
}

.popover.bottom {
    margin-top: 5px
}

.popover.left {
    margin-left: -5px
}

.popover.top .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000
}

.popover.right .arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000
}

.popover.bottom .arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000
}

.popover.left .arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000
}

.popover .arrow {
    position: absolute;
    width: 0;
    height: 0
}

.popover-inner {
    padding: 3px;
    width: 280px;
    overflow: hidden;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3)
}

.popover-title {
    padding: 9px 15px;
    line-height: 1;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0
}

.popover-content {
    padding: 14px;
    background-color: #fff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.popover-content p, .popover-content ul, .popover-content ol {
    margin-bottom: 0
}

.thumbnails {
    margin-left: -20px;
    list-style: none;
    *zoom: 1
}

.thumbnails:before, .thumbnails:after {
    display: table;
    content: ""
}

.thumbnails:after {
    clear: both
}

.thumbnails>li {
    float: left;
    margin: 0 0 18px 20px
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 1;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075)
}

a.thumbnail:hover {
    border-color: #08c;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25)
}

.thumbnail>img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px
}

.label {
    padding: 1px 4px 2px;
    font-size: 10.998px;
    font-weight: bold;
    line-height: 13px;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.label:hover {
    color: #fff;
    text-decoration: none
}

.label-important {
    background-color: #b94a48
}

.label-important:hover {
    background-color: #953b39
}

.label-warning {
    background-color: #f89406
}

.label-warning:hover {
    background-color: #c67605
}

.label-success {
    background-color: #468847
}

.label-success:hover {
    background-color: #356635
}

.label-info {
    background-color: #3a87ad
}

.label-info:hover {
    background-color: #2d6987
}

.label-inverse {
    background-color: #333
}

.label-inverse:hover {
    background-color: #1a1a1a
}

.badge {
    padding: 1px 9px 2px;
    font-size: 12.025px;
    font-weight: bold;
    white-space: nowrap;
    color: #fff;
    background-color: #999;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.badge-error {
    background-color: #b94a48
}

.badge-error:hover {
    background-color: #953b39
}

.badge-warning {
    background-color: #f89406
}

.badge-warning:hover {
    background-color: #c67605
}

.badge-success {
    background-color: #468847
}

.badge-success:hover {
    background-color: #356635
}

.badge-info {
    background-color: #3a87ad
}

.badge-info:hover {
    background-color: #2d6987
}

.badge-inverse {
    background-color: #333
}

.badge-inverse:hover {
    background-color: #1a1a1a
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }
    to {
        background-position: 40px 0
    }
}

@-ms-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}} @keyframes progress-bar-stripes {
                                                                                                     from {
                                                                                                         background-position: 0 0
                                                                                                     }
                                                                                                     to {
                                                                                                         background-position: 40px 0
                                                                                                     }
                                                                                                 }

.progress {
    overflow: hidden;
    height: 18px;
    margin-bottom: 18px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#f9f9f9', GradientType = 0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.progress .bar {
    width: 0;
    height: 18px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -ms-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(top, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#149bdf', endColorstr = '#0480be', GradientType = 0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -ms-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-danger .bar {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ee5f5b', endColorstr = '#c43c35', GradientType = 0)
}

.progress-danger.progress-striped .bar {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-success .bar {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -ms-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(top, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#62c462', endColorstr = '#57a957', GradientType = 0)
}

.progress-success.progress-striped .bar {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-info .bar {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(top, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5bc0de', endColorstr = '#339bb9', GradientType = 0)
}

.progress-info.progress-striped .bar {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-warning .bar {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -ms-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(top, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbb450', endColorstr = '#f89406', GradientType = 0)
}

.progress-warning.progress-striped .bar {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.accordion {
    margin-bottom: 18px
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion-heading {
    border-bottom: 0
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5
}

.carousel {
    position: relative;
    margin-bottom: 18px;
    line-height: 1
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative
}

.carousel .item {
    display: none;
    position: relative;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition: .6s ease-in-out left;
    -ms-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel .item>img {
    display: block;
    line-height: 1
}

.carousel .active, .carousel .next, .carousel .prev {
    display: block
}

.carousel .active {
    left: 0
}

.carousel .next, .carousel .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel .next {
    left: 100%
}

.carousel .prev {
    left: -100%
}

.carousel .next.left, .carousel .prev.right {
    left: 0
}

.carousel .active.left {
    left: -100%
}

.carousel .active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5;
    filter: alpha(opacity = 50)
}

.carousel-control.right {
    left: auto;
    right: 15px
}

.carousel-control:hover {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity = 90)
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 15px 5px;
    background: #333;
    background: rgba(0, 0, 0, 0.75)
}

.carousel-caption h4, .carousel-caption p {
    color: #fff
}

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    background-color: #eee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    color: inherit;
    letter-spacing: -1px
}

.hero-unit p {
    font-size: 18px;
    font-weight: 200;
    line-height: 27px;
    color: inherit
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

.clearfix {
    zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    content: ""
}

.clearfix:after {
    clear: both
}

input, textarea, .topbar input {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-color: #ccc;
    margin: 0;
    color: #444;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-transition: border-color .25s;
    -ms-transition: border-color .25s;
    -o-transtion: border-color .25s;
    -webkit-transition: border-color .25s;
    transition: border-color .25s
}

input:focus, textarea:focus, .topbar input:hover {
    border-color: #aaa;
    -moz-box-shadow: 0 0 2px #ddd;
    -ms-box-shadow: 0 0 2px #ddd;
    -o-box-shadow: 0 0 2px #ddd;
    -webkit-box-shadow: 0 0 2px #ddd;
    box-shadow: 0 0 2px #ddd
}

code {
    color: #333 !important
}

.btn {
    background: #F6F6F6;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    overflow: visible;
    color: #555;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 0 1px 0 white;
    padding: .6em 1.5em;
    border: 1px solid #CCC;
    border-bottom-color: #AAA;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = #ffffff, EndColorStr = #e0e0e0);
    background-image: -moz-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #e0e0e0));
    background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%);
    background-image: linear-gradient(top, #fff 0, #e0e0e0 100%);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 0 1px #fff;
    -ms-box-shadow: inset 0 0 1px #fff;
    -o-box-shadow: inset 0 0 1px #fff;
    -webkit-box-shadow: inset 0 0 1px #fff;
    box-shadow: inset 0 0 1px #fff;
    -moz-transition: all .25s;
    -ms-transition: all .25s;
    -o-transtion: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s
}

.btn:hover {
    background-position: 0 0;
    border: 1px solid #999;
    -moz-box-shadow: 0 0 3px #ccc;
    -ms-box-shadow: 0 0 3px #ccc;
    -o-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc
}

.home {
    background: url("../../img/home-bg-lib.jpg") center 80px no-repeat, url("../../img/home-bg-black.png") left 80px repeat-x;
    padding-top: 55px
}

.home article.container {
    margin-top: 30px
}

.home .hero-unit {
    background: none;
    height: 324px;
    padding: 55px 620px 0 0;
    margin-right: -80px;
    margin-bottom: 0;
    background: url("../../img/home-hero.png") right bottom no-repeat
}

.home .hero-unit h1 {
    font-size: 52px;
    line-height: 1.1;
    font-weight: bold;
    color: #fff;
    margin-top: 90px;
    text-shadow: 0 0 10px 40px black
}

.home .hero-unit h1 small {
    font-weight: normal;
    color: #fff;
    display: block;
    font-size: 22px
}

.home .hero-unit p {
    margin: 1em 0;
    font-size: 20px
}

.home .hero-unit .btn {
    font-size: 24px;
    padding: 12px 32px;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    margin-top: 15px;
    background: #5bb900;
    box-shadow: none;
    border: 0
}

.home .hero-unit .btn:hover {
    background: #50a300
}

section {
    padding-top: 40px
}

section h2 {
    text-align: center;
    margin: 0 0 0
}

section .follow-buttons {
    text-align: center;
    padding: 30px 0
}

section .follow-buttons>div {
    display: inline-block
}

section h3 {
    margin-bottom: .2em;
    line-height: 1.2;
    margin-top: 0
}

section .intro {
    text-align: center;
    font-size: 18px;
    color: #777;
    margin: .5em 0 3em
}

section.features .span6, section .features .span6 {
    width: 300px;
    text-align: center
}

section.features .span6 h3, section .features .span6 h3 {
    font-size: 26px
}

section.features .span6 p, section .features .span6 p {
    font-size: 15px;
    color: #555;
    padding: 10px 5px
}

section.features .span6 a, section .features .span6 a {
    padding: 5px 10px;
    border-radius: 2px;
    background: #eee;
    color: #444
}

section.features .span6 a:hover, section .features .span6 a:hover {
    text-decoration: none;
    background: #da4c3b;
    color: #fff
}

section.features .span6 i, section .features .span6 i {
    height: 145px;
    width: 300px;
    display: block
}

section.features .span6 i.bookmarking, section .features .span6 i.bookmarking {
    background: url("../../img/icon-one.png") no-repeat
}

section.features .span6 i.collaborate, section .features .span6 i.collaborate {
    background: url("../../img/icon-discover.png") no-repeat
}

section.features .span6 i.search, section .features .span6 i.search {
    background: url("../../img/icon-organized.png") no-repeat
}

section.screenshots {
    text-align: center
}

section.screenshots>div {
    position: relative;
    margin-top: 20px;
    height: 470px
}

section.screenshots>div h4 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 30px
}

section.screenshots .shadow {
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 10px;
    background: url("../../img/home-divider.png") center bottom no-repeat
}

section.screenshots .tabs {
    list-style: none;
    border: 1px solid #ccc;
    margin: 40px auto;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px
}

section.screenshots .tabs li {
    width: 120px;
    border-right: 1px solid #ddd;
    margin: 0;
    padding: 0;
    float: left
}

section.screenshots .tabs li a {
    display: block;
    padding: .8em 0
}

section.screenshots .tabs li a:hover {
    text-decoration: none
}

section.screenshots .tabs li:first-child {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -ms-border-top-left-radius: 6px;
    -o-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -ms-border-bottom-left-radius: 6px;
    -o-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px
}

section.screenshots .tabs li:last-child {
    border-right: none;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -ms-border-top-right-radius: 6px;
    -o-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -ms-border-bottom-right-radius: 6px;
    -o-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

section.screenshots .tabs li a.selected {
    background: url(../../img/base-noise.jpg) #f0f0f0;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px #ccc;
    color: #000
}

section.beawesome {
    text-align: center;
    padding: 60px 0
}

section.beawesome .btn {
    font-size: 20px;
    padding: 12px 26px;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    margin: 30px 0
}

section.testimonials {
    padding: 70px 0 40px
}

section.testimonials blockquote:before, section.testimonials blockquote:after {
    color: #ccc;
    display: block;
    font-size: 300%;
    width: 50px;
    line-height: 34px
}

section.testimonials blockquote:before {
    content: '\201C';
    height: 0;
    margin-left: -0.60em
}

section.testimonials blockquote {
    padding: 15px 10px 0 40px;
    font-size: 20px;
    line-height: 1.2;
    color: #111;
    border: 0
}

section.testimonials blockquote a {
    display: block;
    color: #000;
    margin-top: 20px
}

section.testimonials blockquote .appstorm {
    background: url(../../img/appstorm.png) no-repeat;
    padding-left: 30px
}

section.testimonials blockquote span {
    min-height: 110px;
    display: block
}

@media (max-width:480px) {
    .page-content {
        background: transparent
    }

    .page-content .page {
        margin-top: 40px
    }

    .page-content .page h1 {
        font-size: 30px;
        margin-top: .5em
    }

    .page-content {
        background: transparent
    }

    .home {
        background-size: 1250px;
        background-position: left 10px
    }

    .home .btn {
        font-size: 16px !important
    }

    .home .hero-unit {
        padding: 10px 0;
        margin: 0;
        background: none !important;
        height: 220px
    }

    .home .hero-unit h1 {
        font-size: 32px
    }

    h3 {
        font-size: 18px
    }

    section.testimonials blockquote span {
        height: auto;
        display: inline
    }

    section.screenshots .tabs li a {
        font-size: 14px;
        padding: .8em 1em
    }

    section.screenshots img {
        width: 100%
    }

    section.screenshots>div {
        height: auto
    }
}

.home-new section {
    padding: 60px 0
}

.home-new article.container {
    width: auto
}

.home-new .testimonials a {
    margin: 0 60px 10px 0;
    opacity: .9;
    display: inline-block;
    text-align: center
}

.home-new .testimonials a:hover {
    opacity: 1
}

.home-new .testimonials a:last-child {
    margin-right: 0
}

.home-new .home-discover {
    background: whitesmoke;
    padding: 40px 0 80px 0;
    background-image: -webkit-radial-gradient(center center, circle contain, rgba(255, 255, 255, 0.8) 100%, whitesmoke 100%);
    background-color: white;
    background-image: -moz-linear-gradient(#eee, white);
    background-image: -o-linear-gradient(#eee, white);
    background-image: -ms-linear-gradient(#eee, white);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(1, white));
    background-image: -webkit-linear-gradient(#eee, white)
}

.home-new .home-discover .list-follow {
    display: none
}

.home-new .home-discover h2 {
    margin-bottom: 20px
}

.home-new .home-discover section {
    padding: 60px 2%
}

.home-new .home-discover .list-widget .fav {
    background-position: 0 0;
    height: 16px;
    width: 16px;
    margin: 2px 0 0 3px
}

.home-new h2 {
    font-size: 36px
}

.home-new .list-widget {
    width: 24.5%;
    float: left;
    margin: 3% 0 0 5%
}

.home-new .list-widget li {
    height: 20px;
    overflow: hidden
}

@media (max-width:768px) {
    .home-discover .list-widget {
        width: 90%;
        float: left;
        margin: 3% 0 0 4%
    }

    .page-content {
        background: transparent
    }

    .page-content .page {
        margin-top: 40px
    }

    .page-content .page h1 {
        font-size: 30px;
        margin-top: .5em
    }

    .home {
        background-size: 1250px;
        background-position: left -20px
    }

    .home .btn {
        font-size: 16px
    }

    .home .hero-unit {
        padding: 80px 0 40px;
        text-align: center;
        background: none !important;
        margin: 0;
        height: 210px
    }

    .home .hero-unit h1 {
        font-size: 32px;
        font-weight: 400
    }

    .home .hero-unit p.intro {
        display: none
    }

    .home .hero-unit p {
        font-size: 16px
    }

    h2 {
        font-size: 24px;
        line-height: 1.1
    }

    .features h3 {
        font-size: 17px;
        margin-top: 0
    }

    .features h2 {
        font-size: 24px
    }

    .features .intro {
        font-size: 15px
    }

    section.screenshots img {
        width: 100%
    }

    section.screenshots>div {
        height: auto
    }
}

@media (min-width:768px) and (max-width:980px) {
    .home, .page-content {
        background-size: 1300px;
        background-position: left 0
    }

    .home-discover .list-widget {
        width: 40.5%;
        float: left;
        margin: 3% 0 0 4%
    }

    .home .hero-unit {
        padding: 105px 0 0 0;
        background: none !important;
        height: 230px;
        margin: 0
    }

    .features h3 {
        font-size: 17px
    }

    section.screenshots img {
        width: 100%
    }

    section.screenshots>div {
        height: auto
    }
}

@media (min-width:768px) {
    .navbar {
        height: 86px;
        margin-bottom: 0
    }

    .navbar .navbar-inner .nav {
        float: right
    }

    .navbar .navbar-inner .nav li {
        float: left
    }

    .navbar .navbar-inner .nav.signed-in {
        float: right;
        background: #fafafa;
        border-radius: 3px;
        padding: 7px 14px 6px;
        margin: 6px 0 0 15px;
        height: 20px;
        box-shadow: inset 0 1px 2px #ccc
    }

    .navbar .navbar-inner .nav.signed-in li a {
        font-size: 13px;
        padding: 0;
        color: #111;
        font-weight: bold
    }

    .navbar .navbar-inner .nav.signed-in li a:before {
        content: "Signed in. ";
        font-weight: 400
    }

    .navbar .navbar-inner .nav.signed-in li a:hover {
        background: transparent;
        color: #08C
    }
}

.navbar .navbar-inner .nav.actions, .topbar .nav.actions {
    border-left: 1px solid #ddd;
    margin-left: 20px;
    padding-left: 20px;
    float: right;
    margin-top: 9px
}

.navbar .navbar-inner .nav.actions li:last-child a, .topbar .nav.actions li:last-child a {
    font-weight: bold;
    color: #000
}

.navbar .navbar-inner .nav.actions a, .topbar .nav.actions a {
    border: 2px solid #ddd;
    padding: 7px 16px 7px;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1;
    margin-left: 20px;
    color: #333;
    text-transform: uppercase;
    text-shadow: 0
}

.navbar .navbar-inner .nav.actions a:hover, .topbar .nav.actions a:hover {
    border-color: #ccc
}

.topbar .nav.actions {
    margin-top: 0;
    padding-left: 0;
    border: 0
}

.topbar .nav.actions li {
    padding: 12px 0
}

.topbar .nav.actions a {
    margin-left: 10px
}

@media (max-width:768px) {
    section.screenshots .tabs li a {
        font-size: 12px
    }

    section.screenshots .tabs li a span {
        display: none
    }

    .home-discover .list-widget {
        width: 85%;
        float: left;
        margin: 3% 0 0 4%
    }
}

@media (max-width:480px) {
    section.features .follow-buttons div {
        display: none
    }

    .home-discover .list-widget {
        width: 90%;
        float: left;
        margin: 3% 0 0 4%
    }

    section.screenshots .tabs {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    section.screenshots .tabs li {
        width: 25% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

#app {
    display: none
}

footer {
    /*padding: 5px 0 20px 20px;
    text-align: left*/
    padding: 20px 0 20px 20px;
    text-align: center;
    border-top: 1px solid #cccccc;
}

#clip-list {
    border-top: 1px solid #dedede;
    position: relative;
    min-height: 300px;
    background: url(/static/img/spinner.gif) no-repeat 334px 150px white
}

#clips {
    position: relative;
    min-height: 400px
}

#clips #clips-container {
    position: relative;
    min-height: 420px
}

#clips #no-clips, #clips #no-search-results {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 150px 0 100px 0;
    color: #777;
    background: #fff;
    text-align: center;
    font-size: 14px
}

#clips #no-clips {
    background: url(../../img/empty-list.png) left top no-repeat;
    padding: 0 0 0 120px;
    text-align: left;
    height: 200px;
    width: 300px;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 100px
}

#clips #no-clips .no-collaborate {
    background: url(../../img/home-features.png) left -32px no-repeat;
    background-size: 30px;
    padding-left: 40px;
    margin-top: 14px
}

#clips #no-clips .no-public {
    background: url(../../img/home-features.png) 5px -78px no-repeat;
    background-size: 34px;
    padding-left: 40px;
    margin-top: 14px
}

#clips #no-clips p:first-child strong {
    font-size: 24px;
    font-weight: normal;
    display: block;
    margin-bottom: 10px
}

#clips .loading {
    position: absolute;
    top: 50%;
    left: 50%
}

#clip-list {
    display: none;
    position: relative;
    margin-top: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.15em;
    min-height: 350px;
    background: #fff
}

#clip-list li.clip {
    padding: 18px 30px;
    position: relative;
    border-bottom: 1px solid #e8eaed
}

#clip-list li.clip .clip-content {
    min-height: 38px;
    color: #444;
    font-weight: bold;
    text-decoration: none;
    position: relative
}

#clip-list li.clip .clip-content .clip-title {
    color: #2E3C3F;
    line-height: 1.3;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 520px;
    display: block
}

#clip-list li.clip .clip-content .clip-title:hover {
    color: #DD390D
}

#clip-list li.clip .clip-content .clip-date {
    font-weight: normal;
    font-size: 12px;
    color: #848484;
    position: absolute;
    top: 0;
    right: 0
}

#clip-list li.clip .clip-content .clip-date abbr {
    border: none
}

#clip-list li.clip span.list {
    background: #f1f1f1;
    padding: 0 4px;
    margin: 0 3px;
    font-size: 12px
}

#clip-list li.clip .notes {
    color: #808080;
    font-weight: normal
}

#clip-list li.clip .notes:hover {
    color: #111
}

#clip-list li.clip p {
    margin: 0
}

#clip-list li.clip p.domain {
    margin-top: 5px;
    line-height: 20px;
    font-size: 13px;
    color: #606060;
    font-weight: normal
}

#clip-list li.clip p.domain a {
    font-weight: normal;
    color: #444
}

#clip-list li.clip p.domain>span {
    margin: 0 3px
}

#clip-list li.clip .empty-note {
    display: none;
    font-size: 13px
}

#clip-list li.clip .empty-note a {
    font-weight: normal
}

#clip-list li.clip .drag {
    display: none;
    width: 22px;
    height: 22px;
    background: url(../../img/drag-handle.png) 0 0 no-repeat;
    position: absolute;
    left: -29px;
    top: -17px;
    cursor: move
}

#clip-list li.clip:hover .drag {
    display: block
}

#clip-list li.clip:hover .empty-note {
    display: inline
}

#clip-list li.clip:hover ul.actions {
    background: #fff;
    display: block;
    opacity: 1;
    -webkit-box-shadow: -10px 10px 10px white;
    -moz-box-shadow: -10px 10px 10px white;
    box-shadow: -10px 10px 10px white
}

#clip-list li.clip ul.actions {
    position: absolute;
    list-style-type: none;
    top: 13px;
    opacity: 0;
    right: 3px;
    margin: 0;
    border: 0;
    padding: 6px 6px 5px;
    background: none;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: .1s;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s
}

#clip-list li.clip ul.actions li {
    float: left;
    margin: 0 3px;
    padding: 0;
    border: none;
    opacity: .8;
    width: 24px;
    height: 24px
}

#clip-list li.clip ul.actions li:hover {
    opacity: 1
}

#clip-list li.clip ul.actions a {
    width: 20px;
    height: 18px;
    display: block;
    float: left;
    padding: 2px;
    opacity: .75
}

#clip-list li.clip ul.actions .clip-share, #clip-list li.clip ul.actions .clip-reader, #clip-list li.clip ul.actions .clip-star, #clip-list li.clip ul.actions .clip-read-later, #clip-list li.clip ul.actions .clip-edit {
    text-indent: -9999cm
}

#clip-list li.clip ul.actions .clip-reader a {
    background: url(../../img/icons-list.png) 1px -217px no-repeat
}

#clip-list li.clip ul.actions .clip-read-later a {
    background: url(/static/img/icons-kipptset-1x.png) -5px -148px no-repeat
}

#clip-list li.clip ul.actions .clip-read-later.is-read-later a {
    background-position: -5px -176px
}

#clip-list li.clip ul.actions .clip-star a {
    background: url(/static/img/icons-kipptset-1x.png) -32px -34px no-repeat
}

#clip-list li.clip ul.actions .clip-star.starred a {
    background-position: -32px -6px
}

#clip-list li.clip ul.actions .clip-edit a {
    background: url(/static/img/icons-kipptset-1x.png) -63px -7px no-repeat
}

#clip-list li.clip ul.actions .clip-destroy a {
    padding: 0;
    line-height: .5;
    color: #999;
    font-size: 20px
}

#clip-list li.clip .notes {
    margin-top: 10px;
    font-size: 14px
}

#clip-list li.clip .notes * {
    color: #666
}

#clip-list li.clip .notes a {
    font-weight: normal
}

#clip-list li.clip .notes .content {
    padding: 0 0 0 24px;
    background: url(../../img/clip-note.png) -12px 2px no-repeat
}

#clip-list li.clip .notes .content p {
    font-size: 13px;
    line-height: 17px
}

#clip-list li.clip .notes .content a.note-link {
    color: #DD390D
}

#clip-list li.clip:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

#clip-list .edit {
    display: none
}

#clip-list .editing .edit {
    display: block
}

#clip-list li.ui-draggable-dragging {
    opacity: .5;
    background: #fff;
    border: 1px solid #e7e7e7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    height: 38px;
    width: 660px
}

#clip-list li.ui-draggable-dragging .notes {
    display: none
}

#clip-list li.ui-draggable-dragging .actions, #clip-list li.ui-draggable-dragging .notes {
    display: none !important
}

.pagination {
    padding: 15px 20px 0 20px;
    font-size: 14px;
    color: #777;
    margin: 0
}

.pagination .pagination-counts {
    font-weight: normal;
    margin-top: 5px;
    margin-right: 20px;
    float: left
}

.pagination .pagination-counts span {
    font-weight: bold;
    padding: 0;
    margin: 0
}

.pagination .pagination-nav {
    float: right
}

.pagination .pagination-nav .pages, .pagination .pagination-nav .buttons {
    display: inline-block
}

.pagination .pagination-nav .pages {
    font-weight: normal;
    margin-right: 20px
}

.pagination .pagination-nav .buttons {
    margin-bottom: -10px
}

.pagination .pagination-nav .page-input .link {
    font-weight: bold;
    cursor: pointer;
    -webkit-transition: all .25s;
    -moz-transition: all .25s
}

.pagination .pagination-nav .page-input .link:hover {
    background: #eee;
    padding: 5px 12px;
    color: #000
}

.pagination .pagination-nav .page-input .page {
    display: inline-block;
    width: 32px;
    padding: 4px 0 3px 0;
    text-align: center
}

.pagination .pagination-nav .page-input .link.hidden, .pagination .pagination-nav .page-input .page.hidden {
    display: none
}

.pagination .pagination-nav a {
    color: #000;
    text-decoration: none
}

.pagination .pagination-nav .next, .pagination .pagination-nav .prev {
    border: 1px solid #ddd;
    width: 10px;
    color: #999;
    height: 26px;
    float: left;
    padding: 2px 12px 0;
    font-size: 24px;
    line-height: 20px;
    text-align: center
}

.pagination .pagination-nav a.next, .pagination .pagination-nav a.prev {
    color: #111;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType = 0, StartColorStr = #ffffff, EndColorStr = #e0e0e0);
    background-image: -moz-linear-gradient(top, white 0, #e0e0e0 100%);
    background-image: -ms-linear-gradient(top, white 0, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, white 0, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(100%, #e0e0e0));
    background-image: -webkit-linear-gradient(top, white 0, #e0e0e0 100%);
    background-image: linear-gradient(top, white 0, #e0e0e0 100%)
}

.pagination .pagination-nav a.next:hover, .pagination .pagination-nav a.prev:hover {
    border-color: #ccc;
    -webkit-box-shadow: 0 0 2px #ccc
}

.pagination .pagination-nav .next {
    border-left: 0
}

#notes .header {
    padding: 10px 20px;
    border-bottom: 1px solid #dedede
}

#notes .header h3 {
    float: left;
    margin: 0 5px 0 0
}

#notes .header .clip-actions {
    float: right;
    margin-bottom: 0
}

#notes .header .clip-actions li {
    display: inline-block;
    margin-left: 20px;
    margin-top: 8px
}

#notes .header .clip-actions li a {
    color: #93959a;
    text-shadow: none;
    font-weight: bold;
    font-size: 13px
}

#notes .header .clip-actions li a:hover {
    color: #666
}

#notes .header .clip-actions li a.delete:hover {
    color: #DD390D
}

#notes .header .clip-actions li .user-list {
    display: none
}

#notes .footer {
    padding: 18px 20px;
    border-top: 1px solid #dedede
}

#notes .footer .clip-actions li {
    margin-top: 0
}

#notes .footer .editor {
    float: left
}

#notes .footer .editor small {
    font-size: 12px
}

#notes .content {
    padding: 10px 30px;
    min-height: 300px
}

#notes .content .note {
    padding: 10px
}

#notes .content .note .title {
    margin: 0 0 20px 0
}

#notes .content .note ul li {
    color: #333
}

#notes .content .editor {
    padding: 9px 0 20px 0
}

#notes .content .editor input {
    font-size: 24px;
    height: 30px;
    font-weight: bold;
    color: #404040;
    margin-bottom: 11px;
    padding: 9px 8px 9px 8px
}

#notes .content .editor textarea {
    color: #333;
    height: 300px;
    padding: 6px 8px 5px 8px
}

#notes .content .editor input, #notes .content .editor textarea {
    width: 622px
}

#notes .clip-actions {
    float: right;
    margin-bottom: 0
}

#notes .clip-actions li {
    display: inline-block;
    margin-left: 20px;
    margin-top: 8px
}

#notes .clip-actions li a {
    color: #93959a;
    text-shadow: none;
    font-weight: bold;
    font-size: 13px
}

#notes .clip-actions li a:hover {
    color: #666
}

#notes .clip-actions li a.delete:hover {
    color: #DD390D
}

#notes .clip-actions li .user-list {
    display: none
}

#notes .editor, #notes .header .clip-actions .editor, #notes .footer .clip-actions .editor {
    display: none
}

#notes .editor li, #notes .header .clip-actions .editor li, #notes .footer .clip-actions .editor li {
    margin-left: 10px
}

#notes .editor li a, #notes .header .clip-actions .editor li a, #notes .footer .clip-actions .editor li a {
    font-weight: normal
}

#notes .editor li .btn.save, #notes .header .clip-actions .editor li .btn.save, #notes .footer .clip-actions .editor li .btn.save {
    margin-top: -6px;
    font-weight: bold;
    color: #555
}

#clip-modal .modal .public-url {
    float: left;
    margin-top: 6px;
    padding-left: 20px;
    background: url(../../img/icon-link.png) 0 0 no-repeat;
    background-size: 15px;
    height: 20px;
    color: #666
}

#clip-modal .modal h4.edit {
    line-height: 1.2;
    padding: 4px 8px;
    margin: 0 -8px;
    font-size: 16px
}

#clip-modal .modal small {
    font-size: 13px;
    padding: 0 8px;
    margin: 0 -8px
}

#clip-modal .modal small a {
    color: #808080
}

#clip-modal .modal .note {
    margin-top: 10px;
    padding: 8px;
    margin: 0 -8px;
    min-height: 40px
}

#clip-modal .modal .note:hover, #clip-modal .modal h4:hover {
    background: #f1f1f1;
    cursor: text
}

#clip-modal .modal .editor {
    display: none
}

#clip-modal .modal .editor input, #clip-modal .modal .editor textarea {
    width: 510px !important
}

#clip-modal .modal .editor input[type="text"] {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px
}

#clip-modal .modal .editor textarea {
    margin-top: 10px;
    height: 100px
}

#clip-modal .modal .modal-share {
    display: none;
    text-align: center
}

#clip-modal .modal .modal-share ul.share {
    margin: 30px 0
}

#clip-modal .modal .modal-share ul.share li {
    margin: 0 10px;
    display: inline-block
}

#clip-modal .modal .modal-share ul.share li a img {
    height: 32px;
    width: 32px;
    opacity: .5
}

#clip-modal .modal .modal-share ul.share li a img:hover {
    opacity: 1
}

#clip-modal .modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
    background-color: rgba(0, 0, 0, 0.5);
    overflow-y: scroll;
    overflow-x: hidden
}

.chrome {
    padding: 10px 40px;
    font-size: 16px;
    margin: 10px 0
}

.chrome span {
    padding: 10px 0 10px 30px;
    background: url(../../img/chrome-icon.png) 0 9px no-repeat
}

.chrome p {
    width: 280px
}

.dropdown-menu a {
    -webkit-transition: none;
    -moz-transition: none
}

.dropdown-menu li>a:hover, .dropdown-menu .active>a, .dropdown-menu .active>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #000
}

.icon {
    background: url(/static/img/icons-kipptset-1x.png) 0 0 no-repeat;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: text-top;
    opacity: .2
}

.icon.icon-like {
    background-position: -93px -149px;
    opacity: .3;
    width: 19px
}

.icon.icon-comment {
    background-position: -6px -120px;
    opacity: .3;
    width: 18px;
    margin-right: 2px
}

.icon.icon-save {
    background-position: -91px -117px;
    opacity: .5
}

.icon.icon-date {
    background: url(/static/img/icons-kipptset-1x.png) -5px -92px no-repeat;
    width: 17px;
    height: 14px;
    margin-left: 2px
}

.icon.icon-lock {
    background-position: -32px -119px;
    opacity: .7
}

.icon.icon-lock-green {
    background-position: -66px -119px;
    opacity: 1
}

.icon.icon-twitter {
    background-position: -30px -177px;
    width: 18px;
    height: 18px;
    opacity: 1;
    padding: 2px 5px;
    margin: 0 5px 0 10px
}

.icon.icon-facebook {
    background-position: -32px -146px;
    width: 18px;
    height: 19px;
    opacity: 1;
    margin: -1px 5px 0 5px;
    padding: 2px 5px
}

.clip-save, .clip-like-button {
    font-size: 12px;
    background: #fff;
    padding: 2px 10px 2px 4px;
    border-radius: 2px;
    color: #666;
    box-shadow: 0 0 0 1px #ddd;
    margin-left: 15px;
    cursor: pointer
}

.clip-save:hover, .clip-like-button:hover {
    color: #111;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(white, #fafafa);
    background-image: -o-linear-gradient(white, #fafafa);
    background-image: -ms-linear-gradient(white, #fafafa);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #fafafa));
    background-image: -webkit-linear-gradient(white, #fafafa);
    box-shadow: 0 0 0 1px #ccc
}

.clip-save:hover i, .clip-like-button:hover i {
    opacity: .9
}

.clip-like {
    cursor: pointer
}

.clip-like:hover .icon, .clip-like.liked .icon {
    background-position: -93px -174px;
    opacity: 1;
    -webkit-transition: .15s linear opacity
}

.comment, .comment-count {
    cursor: pointer
}

.comment:hover .icon, .comment-count:hover .icon {
    opacity: .65;
    -webkit-transition: .15s linear opacity
}

.user-pro {
    background: url("/static/img/icons-kipptset-1x.png") -65px -178px no-repeat;
    width: 23px;
    height: 11px;
    display: inline-block;
    vertical-align: text-top
}

.link-pro {
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 4px 6px;
    margin-right: -15px
}

abbr[title] {
    border: 0;
    cursor: auto
}

i.fav {
    background-image: url(../../img/icon-link-16.png);
    margin: -2px 2px 0 0;
    background-repeat: no-repeat;
    line-height: 16px;
    background-position: 0 0;
    background-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    border-radius: 1px;
    vertical-align: middle
}

.people-widget {
    width: 260px;
    border: 0;
    margin: 0 20px;
    height: 60px;
    padding: 30px 0 15px 0;
    overflow: hidden;
    position: relative
}

.people-widget:nth-child(3n+3) {
    margin-right: 0
}

.people-widget h3 {
    font-size: 18px
}

.people-widget>div {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 54.5%;
    height: 60px
}

.people-widget .follow {
    height: 18px;
    display: block;
    float: right;
    border: 1px solid #ddd;
    border-bottom-color: #bfbfbf;
    text-align: center;
    vertical-align: text-top;
    color: #87c636;
    cursor: pointer;
    width: auto;
    padding: 3px 10px;
    font-size: 11px;
    color: #444;
    font-weight: bold;
    position: absolute;
    top: 30px;
    right: 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(white, #fafafa);
    background-image: -o-linear-gradient(white, #fafafa);
    background-image: -ms-linear-gradient(white, #fafafa);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #fafafa));
    background-image: -webkit-linear-gradient(white, #fafafa)
}

.people-widget .follow:hover {
    text-decoration: none;
    border-color: #aaa;
    color: #5fa506;
    background: #fff
}

.people-widget.following .follow {
    color: #87c636;
    background: url(/static/img/icons-kipptset-1x.png) -89px -2px no-repeat white;
    text-indent: -9999cm;
    cursor: pointer;
    padding: 3px 3px;
    width: 19px;
    height: 19px;
    border-color: #ccc
}

.people-widget.following .follow:hover {
    background: url(/static/img/icons-kipptset-1x.png) -87px -79px no-repeat #bbb;
    border-color: #bbb
}

.topbar .container {
    position: relative
}

.logged-out .nav-discover {
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.spromo {
    float: left;
    width: 390px;
    font-size: 16px;
    margin-left: 9px;
    margin-right: 9px;
    top: 17px;
    position: absolute;
    left: 330px;
    text-align: right
}

a.hashtag {
    font-weight: normal !important;
    color: #444 !important;
    padding: 1px 1px 2px 3px;
    margin: 0 2px;
    border-radius: 2px;
    background: #fff;
    border: 1px solid #eee
}

a.hashtag:hover {
    border-color: #c0d5ff;
    color: #3662cb !important
}

a.link {
    color: #dd390d !important
}

@-webkit-keyframes reset {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes reset {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.btn, button {
    font-weight: bold;
    background-color: #eee;
    border: 1px solid #ccc;
    border-top: 1px solid #ddd;
    color: #333;
    text-shadow: 0 1px 0 white;
    border-bottom: 1px solid #aaa;
    padding: .5em .8em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #eee;
    background-image: -moz-linear-gradient(#fefefe, #eee);
    background-image: -o-linear-gradient(#fefefe, #eee);
    background-image: -ms-linear-gradient(#fefefe, #eee);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #eee));
    background-image: -webkit-linear-gradient(#fefefe, #eee);
    box-shadow: 0 1px 1px #ccc, inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -webkit-transition: .15s border-color linear;
    -moz-transition: .15s border-color linear
}

.btn:hover, button:hover {
    background-position: 0 0;
    border-color: #bbb;
    -webkit-transition: .15s border-color linear;
    -moz-transition: .15s border-color linear
}

.btn-white {
    background-color: #efefef;
    background-image: -moz-linear-gradient(white, #efefef);
    background-image: -o-linear-gradient(white, #efefef);
    background-image: -ms-linear-gradient(white, #efefef);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #efefef));
    background-image: -webkit-linear-gradient(white, #efefef);
    box-shadow: 0 1px 1px #eee
}

.btn.btn-primary {
    background: #f56615;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    border-color: #d8541b;
    font-weight: bold;
    background-color: #f35411;
    background-image: -moz-linear-gradient(#f56615, #f35411);
    background-image: -o-linear-gradient(#f56615, #f35411);
    background-image: -ms-linear-gradient(#f56615, #f35411);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f56615), color-stop(1, #f35411));
    background-image: -webkit-linear-gradient(#f56615, #f35411);
    -webkit-box-shadow: compact(inset 0 1px 0 rgba(255, 255, 255, 0.2), false, false, false, false, false, false, false, false, false);
    -moz-box-shadow: compact(inset 0 1px 0 rgba(255, 255, 255, 0.2), false, false, false, false, false, false, false, false, false);
    box-shadow: compact(inset 0 1px 0 rgba(255, 255, 255, 0.2), false, false, false, false, false, false, false, false, false)
}

.btn-primary:hover, .btn-green:hover {
    color: #fff
}

.btn-primary:active {
    background: #f56615
}

.btn-green {
    background: #65c31f;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    border-color: #57af17;
    font-weight: bold;
    background-color: #65c31f;
    background-image: -moz-linear-gradient(#94d52d, #65c31f);
    background-image: -o-linear-gradient(#94d52d, #65c31f);
    background-image: -ms-linear-gradient(#94d52d, #65c31f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #94d52d), color-stop(1, #65c31f));
    background-image: -webkit-linear-gradient(#94d52d, #65c31f)
}

.btn-green:hover {
    background-position: 0 0;
    border-color: #56ad14
}

.btn-green:active {
    background: #65c31f
}

.btn-red {
    background: #dc5333;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    border-color: #c92c14;
    font-weight: bold;
    background-color: #d73d2c;
    background-image: -moz-linear-gradient(#e65841, #d73d2c);
    background-image: -o-linear-gradient(#e65841, #d73d2c);
    background-image: -ms-linear-gradient(#e65841, #d73d2c);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e65841), color-stop(1, #d73d2c));
    background-image: -webkit-linear-gradient(#e65841, #d73d2c)
}

#clip-modal {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999
}

#clip-modal .bar {
    position: absolute;
    top: 0;
    width: 760px;
    background: #fff;
    height: 45px;
    padding: 0;
    margin: 0 -70px
}

#clip-modal .bar:after {
    -webkit-box-shadow: inset 0 16px 8px -20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 15px 8px -20px rgba(0, 0, 0, 0.3);
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
    -moz-mask-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
    height: 5px;
    width: 100%;
    position: relative;
    content: '';
    bottom: -46px;
    left: 0;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.12)
}

#clip-modal .bar section {
    display: inline-block;
    float: right;
    border-left: 1px solid #eee;
    padding: 5px 8px 0;
    height: 41px
}

#clip-modal .bar section:first-child {
    margin-right: 0
}

#clip-modal .bar section:last-child {
    margin-left: 60px
}

#clip-modal .bar .lists {
    float: left;
    border: 0
}

#clip-modal .bar .lists select {
    margin-top: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #dedede;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #666;
    font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 5px 7px;
    resize: none;
    background: url(../../img/icon-chevrondown.png) 96% center no-repeat
}

#clip-modal .bar .lists select:focus {
    border-color: #bbb !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    outline: 0
}

#clip-modal .bar .share {
    display: inline-block;
    top: -13px
}

#clip-modal .bar .share a.dropdown-toggle {
    padding: 10px 12px;
    display: inline-block;
    box-shadow: none
}

#clip-modal .bar .share.open .dropdown-toggle {
    box-shadow: none
}

#clip-modal .bar .share .caret {
    margin-top: 25%
}

#clip-modal .bar .share i {
    padding: 12px;
    height: 16px;
    width: 16px;
    background: url("/static/img/icons-kipptset-1x.png") -35px -78px no-repeat
}

#clip-modal .bar .button {
    padding: 10px 11px;
    display: inline-block;
    height: 16px;
    width: 16px;
    line-height: 14px !important;
    color: #111;
    text-align: center;
    margin: 0 1px 2px 1px;
    opacity: .8;
    -webkit-transition: .15s background-color linear;
    background-repeat: no-repeat;
    background-image: url(../../img/icons-list.png)
}

#clip-modal .bar .button:hover {
    text-decoration: none;
    opacity: 1
}

#clip-modal .bar .button.close {
    float: none;
    background: none;
    font-size: 20px
}

#clip-modal .bar .button.twitter {
    background-position: 10px -323px
}

#clip-modal .bar .button.facebook {
    background-position: 11px -293px
}

#clip-modal .bar .button.tumblr {
    background-position: 11px -493px
}

#clip-modal .bar .button.star {
    background-image: url("/static/img/icons-kipptset-1x.png");
    background-position: -23px -22px
}

#clip-modal .bar .button.starred {
    background-image: url("/static/img/icons-kipptset-1x.png");
    background-position: -23px 6px
}

#clip-modal .bar .button.read-later {
    background-image: url("/static/img/icons-kipptset-1x.png");
    background-position: 5px -136px
}

#clip-modal .bar .button.is-read-later {
    background-image: url("/static/img/icons-kipptset-1x.png");
    background-position: 5px -164px
}

#clip-modal .bar .button.edit {
    background-position: 13px -261px
}

#clip-modal .bar .button.next, #clip-modal .bar .button.prev {
    background-image: none
}

#clip-modal .meta-bottom {
    position: absolute;
    right: 20px;
    bottom: 20px
}

#clip-modal #reader-mask {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden
}

#clip-modal #reader-bg {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: rgba(255, 255, 255, 0.85)
}

#clip-modal .reader-loading {
    text-align: center;
    width: 0;
    margin: 200px auto 0 auto
}

#clip-modal #reader-content {
    display: none;
    position: relative;
    margin: 30px auto;
    width: 620px;
    min-height: 400px;
    background: #fff;
    color: #000;
    padding: 70px 75px 80px 75px;
    z-index: 9999;
    border-radius: 1px;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.45)
}

#clip-modal #reader-content .action-bar {
    position: fixed;
    top: 0;
    width: 620px;
    background: #fff;
    height: 30px;
    padding: 15px 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 1px #ddd
}

#clip-modal #reader-content.notes:hover .toggle-edit {
    display: inline !important
}

#clip-modal #reader-content .notes-mode {
    display: none;
    padding: 10px 20px 10px 10px
}

#clip-modal #reader-content .notes-mode .clip-notes>div {
    font-size: 16px;
    line-height: 1.6;
    padding: 20px 0
}

#clip-modal #reader-content .notes-mode .clip-notes>div .add-notes {
    color: #333;
    font-weight: normal
}

#clip-modal #reader-content .notes-mode .clip-notes>div:before {
    content: "â€œ";
    font-size: 64px;
    float: left;
    margin-left: -44px;
    line-height: .8;
    color: #ccc
}

#clip-modal #reader-content .notes-mode .notes-content {
    margin-left: 58px;
    overflow: hidden
}

#clip-modal #reader-content .notes-mode .notes-content h1 {
    margin: 0 0 5px 0;
    line-height: 1.1;
    font-size: 30px
}

#clip-modal #reader-content .notes-mode .notes-content h1 a {
    color: #333
}

#clip-modal #reader-content .notes-mode .notes-content h1 a:hover {
    color: #DD390D
}

#clip-modal #reader-content .notes-mode .notes-content span {
    color: #747474
}

#clip-modal #reader-content .notes-mode .notes-content a.item-url {
    font-weight: normal
}

#clip-modal #reader-content .notes-mode .notes-content .icon-date {
    margin-left: 10px
}

#clip-modal #reader-content .notes-mode .notes-content .clip-like {
    margin-left: 12px
}

#clip-modal #reader-content .notes-mode .notes-content .clip-like span {
    font-weight: normal
}

#clip-modal #reader-content .notes-mode .notes-content .clip-like .icon-like {
    margin-top: 1px;
    display: inline-block
}

#clip-modal #reader-content .notes-mode .notes-edit {
    margin-left: 48px
}

#clip-modal #reader-content .notes-mode .avatar {
    float: left;
    width: 42px;
    height: 42px;
    border-radius: 42px
}

#clip-modal #reader-content.notes .reader-mode {
    display: none;
    opacity: 0
}

#clip-modal #reader-content.notes .notes-mode {
    display: block;
    opacity: 1
}

#clip-modal #reader-content.notes .notes-mode .toggle-edit {
    display: none;
    float: right;
    position: absolute;
    right: 76px;
    top: 64px
}

#clip-modal #reader-content.notes .notes-mode abbr {
    border-bottom: none;
    cursor: default
}

#clip-modal #reader-content.notes #reader-tabs .reader-tab {
    background: #ddd;
    color: #777;
    box-shadow: -3px 2px 5px #ccc
}

#clip-modal #reader-content.notes #reader-tabs .notes-tab {
    background: #fff;
    color: #111;
    box-shadow: -3px 2px 5px #ccc
}

#clip-modal #reader-content header {
    color: #848484
}

#clip-modal #reader-content .reader-mode .title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    color: #000;
    margin-top: 0;
    padding-bottom: 10px;
    font-family: georgia, palatino, "palatino linotype", times, "times new roman", serif
}

#clip-modal #reader-content .reader-mode .title a {
    color: #000
}

#clip-modal #reader-content .reader-mode .title a:hover {
    color: #DD390D
}

#clip-modal #reader-content .reader-mode .body img {
    max-width: 640px;
    display: block;
    margin: 0 auto 15px auto;
    padding: 4px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px
}

#clip-modal #reader-content .reader-mode .body img.inline {
    float: left;
    margin: 0 15px 15px 0
}

#clip-modal #reader-content .reader-mode .body a {
    font-weight: normal
}

#clip-modal #reader-tabs {
    left: -30px;
    top: 0;
    width: 30px;
    height: 180px;
    position: absolute
}

#clip-modal #reader-tabs div {
    position: fixed;
    top: 30px
}

#clip-modal #reader-tabs a {
    height: 60px;
    padding: 10px 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #fff;
    margin-bottom: 5px;
    display: block;
    color: #111;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    width: 30px
}

#clip-modal #reader-tabs a span {
    display: block;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    text-align: center;
    width: auto;
    height: 20px;
    width: 80px;
    vertical-align: middle;
    line-height: 0;
    margin-left: -15px;
    margin-top: 20px
}

#clip-modal #reader-tabs .notes-tab {
    background: #ddd;
    color: #666
}

#clip-modal .notes-mode input[type=text] {
    width: 554px;
    font-size: 18px;
    height: 1em;
    line-height: 1;
    padding: 10px 8px 10px;
    border: 0;
    box-shadow: none;
    color: #333;
    border: 1px solid #ddd;
    border-top: 1px solid #ccc;
    box-shadow: 0 0 1px 0 #ccc inset
}

#clip-modal .notes-mode input:focus, #clip-modal .notes-mode textarea:focus {
    border-color: #ccc
}

#clip-modal .notes-mode input:hover, #clip-modal .notes-mode textarea:hover {
    color: #111
}

#clip-modal .notes-mode input:hover::-webkit-input-placeholder, #clip-modal .notes-mode textarea:hover::-webkit-input-placeholder {
    color: #666
}

#clip-modal .notes-mode input:hover:-moz-placeholder, #clip-modal .notes-mode textarea:hover:-moz-placeholder {
    color: #666
}

#clip-modal .notes-mode input.item-url {
    width: 532px;
    font-size: 14px;
    padding-left: 30px;
    background: url(../../img/icon-link.png) 8px 9px no-repeat;
    background-size: 16px
}

#clip-modal .notes-mode .input {
    position: relative;
    padding: 8px 0
}

#clip-modal .notes-mode .markdown {
    width: 39px;
    height: 24px;
    position: absolute;
    top: 29px;
    left: 0;
    background: url(../../img/markdown-39x24-solid.png) 0 0 no-repeat;
    opacity: .5;
    -webkit-transition: .15s opacity linear
}

#clip-modal .notes-mode .input:hover .markdown {
    opacity: 1
}

#clip-modal .notes-mode .item-notes {
    width: 560px;
    font-size: 15px;
    line-height: 1.6;
    padding: 20px 0;
    border: 0;
    text-align: left;
    box-shadow: none;
    background: url("../../img/bg-input.png") center top no-repeat
}

#clip-modal .notes-mode textarea.item-notes {
    background: none;
    padding: 12px 15px;
    width: 540px;
    height: 260px;
    border: 1px solid #ddd;
    border-top: 1px solid #ccc;
    box-shadow: 0 0 1px 0 #ccc inset
}

#clip-modal .notes-mode .actions {
    padding: 15px 0
}

#clip-modal .notes-mode .actions a {
    color: #333;
    font-weight: normal;
    line-height: 1.8
}

#clip-modal .notes-mode .actions>input {
    float: right;
    margin-left: 15px
}

#clip-modal .notes-mode .actions .left {
    float: left
}

#clip-modal .reader-mode .body {
    overflow: hidden
}

#clip-modal .reader-mode .body * {
    font-family: georgia, palatino, "palatino linotype", times, "times new roman", serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000
}

#clip-modal .reader-mode .body p, #clip-modal .reader-mode .body blockquote, #clip-modal .reader-mode .body q, #clip-modal .reader-mode .body pre, #clip-modal .reader-mode .body address, #clip-modal .reader-mode .body hr, #clip-modal .reader-mode .body code, #clip-modal .reader-mode .body samp, #clip-modal .reader-mode .body dl, #clip-modal .reader-mode .body ol, #clip-modal .reader-mode .body ul, #clip-modal .reader-mode .body form, #clip-modal .reader-mode .body table, #clip-modal .reader-mode .body fieldset, #clip-modal .reader-mode .body menu {
    margin-bottom: 22px
}

#clip-modal .reader-mode .body ::selection {
    background: #ffff9e
}

#clip-modal .reader-mode .body ::-moz-selection {
    background: #ffff9e
}

#clip-modal .reader-mode .body img::selection {
    background: transparent
}

#clip-modal .reader-mode .body img::-moz-selection {
    background: transparent
}

#clip-modal .reader-mode .body body {
    -webkit-tap-highlight-color: #ffff9e
}

#clip-modal .reader-mode .body h1, #clip-modal .reader-mode .body h2, #clip-modal .reader-mode .body h3, #clip-modal .reader-mode .body h4, #clip-modal .reader-mode .body h5, #clip-modal .reader-mode .body h6 {
    font-weight: bold
}

#clip-modal .reader-mode .body h1 {
    font-size: 28px;
    line-height: 1.15;
    margin-bottom: .357em
}

#clip-modal .reader-mode .body h2 {
    font-size: 1.5em;
    line-height: 1.2;
    margin-bottom: .45em
}

#clip-modal .reader-mode .body h3, #clip-modal .reader-mode .body h4, #clip-modal .reader-mode .body h5, #clip-modal .reader-mode .body h6 {
    margin-bottom: .471em
}

#clip-modal .reader-mode .body h3 {
    font-size: 1.25em;
    line-height: 1.25
}

#clip-modal .reader-mode .body h4 {
    font-size: 1em
}

#clip-modal .reader-mode .body h5 {
    font-size: 1em
}

#clip-modal .reader-mode .body h6 {
    font-size: 1em
}

#clip-modal .reader-mode .body em, #clip-modal .reader-mode .body i {
    font-style: italic
}

#clip-modal .reader-mode .body strong, #clip-modal .reader-mode .body b {
    font-weight: bold
}

#clip-modal .reader-mode .body blockquote, #clip-modal .reader-mode .body q, #clip-modal .reader-mode .body cite {
    font-style: italic
}

#clip-modal .reader-mode .body blockquote, #clip-modal .reader-mode .body q {
    quotes: none
}

#clip-modal .reader-mode .body blockquote:before, #clip-modal .reader-mode .body blockquote:after, #clip-modal .reader-mode .body q:before, #clip-modal .reader-mode .body q:after {
    content: "";
    content: none
}

#clip-modal .reader-mode .body code, #clip-modal .reader-mode .body kbd, #clip-modal .reader-mode .body pre, #clip-modal .reader-mode .body samp, #clip-modal .reader-mode .body tt {
    background: none;
    font-family: "andale mono", consolas, monaco, "lucida console", "courier new", courier, monospace;
    line-height: 1.3
}

#clip-modal .reader-mode .body pre {
    white-space: pre-wrap
}

#clip-modal .reader-mode .body abbr, #clip-modal .reader-mode .body acronym, #clip-modal .reader-mode .body dfn {
    border-bottom: 1px dotted;
    cursor: help;
    font-variant: normal;
    font-style: normal
}

#clip-modal .reader-mode .body var {
    font-style: normal
}

#clip-modal .reader-mode .body center {
    text-align: center
}

#clip-modal .reader-mode .body a:link {
    border-bottom: 1px dotted
}

#clip-modal .reader-mode .body a:hover {
    color: #DD390D
}

#clip-modal .reader-mode .body a:focus {
    outline: 1px dotted
}

#clip-modal .reader-mode .body img {
    border: 0
}

#clip-modal .reader-mode .body ul {
    list-style: disc outside none
}

#clip-modal .reader-mode .body ol {
    list-style: decimal outside none
}

#clip-modal .reader-mode .body ul li, #clip-modal .reader-mode .body ol li {
    margin-left: 2em
}

#clip-modal .reader-mode .body li ul, #clip-modal .reader-mode .body li ol {
    margin-bottom: 0
}

#clip-modal .reader-mode .body dt {
    font-weight: bold
}

#clip-modal .reader-mode .body dd {
    margin-bottom: 1em
}

#clip-modal .reader-mode .body hr {
    border: 0;
    border-bottom: 1px solid
}

#clip-modal .reader-mode .body big {
    font-size: 1.25em
}

#clip-modal .reader-mode .body small, #clip-modal .reader-mode .body sub, #clip-modal .reader-mode .body sup {
    font-size: .85em
}

#clip-modal .reader-mode .body sub, #clip-modal .reader-mode .body sup {
    line-height: 1
}

#clip-modal .reader-mode .body sub {
    vertical-align: bottom
}

#clip-modal .reader-mode .body sup {
    vertical-align: top
}

#clip-modal .reader-mode .body del, #clip-modal .reader-mode .body s, #clip-modal .reader-mode .body strike {
    text-decoration: line-through
}

#clip-modal .reader-mode .body ins {
    text-decoration: none;
    border-bottom: 1px dotted
}

#clip-modal .reader-mode .body bdo {
    border-bottom: 1px dotted
}

#clip-modal .reader-mode .body u {
    text-decoration: underline
}

#clip-modal .reader-mode .body fieldset {
    padding: 1em
}

#clip-modal .reader-mode .body legend {
    font-weight: bold;
    padding: 0 .25em
}

#clip-modal .reader-mode .body input, #clip-modal .reader-mode .body textarea, #clip-modal .reader-mode .body select, #clip-modal .reader-mode .body button {
    font-family: inherit;
    font-size: 1em
}

#clip-modal .reader-mode .body input[type=button], #clip-modal .reader-mode .body input[type=file], #clip-modal .reader-mode .body input[type=image], #clip-modal .reader-mode .body input[type=reset], #clip-modal .reader-mode .body input[type=submit], #clip-modal .reader-mode .body button[type=button], #clip-modal .reader-mode .body button[type=reset], #clip-modal .reader-mode .body button[type=submit] {
    cursor: pointer;
    line-height: 1
}

#clip-modal .reader-mode .body input[type=text], #clip-modal .reader-mode .body input[type=password], #clip-modal .reader-mode .body textarea {
    padding: 1px
}

#clip-modal .reader-mode .body textarea {
    text-align: left;
    line-height: 1.25
}

#clip-modal .reader-mode .body table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    line-height: 1.3
}

#clip-modal .reader-mode .body caption, #clip-modal .reader-mode .body th, #clip-modal .reader-mode .body td {
    text-align: left;
    vertical-align: top
}

#clip-modal .reader-mode .body th, #clip-modal .reader-mode .body td {
    padding: .5em 1em;
    border: 1px solid
}

#clip-modal .reader-mode .body caption {
    padding-bottom: 1em
}

#clip-modal .reader-mode .body th {
    font-weight: bold
}

.comments img.avatar {
    width: 42px;
    height: 42px
}

.comments ul.comment-list {
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
    color: #444
}

.comments ul.comment-list li {
    overflow: hidden;
    padding: 16px 0;
    border-top: 1px solid #eaeaea;
    min-height: 32px
}

.comments ul.comment-list li.canDelete:hover .timestamp {
    display: none
}

.comments ul.comment-list li.canDelete:hover .delete {
    display: inline
}

.comments ul.comment-list .user {
    margin-bottom: 5px
}

.comments ul.comment-list .user strong a {
    color: #222;
    line-height: 18px
}

.comments ul.comment-list .user .timestamp {
    color: #747474;
    font-size: 12px;
    float: right
}

.comments ul.comment-list .user .timestamp abbr {
    border: none;
    cursor: default
}

.comments ul.comment-list .user .delete {
    display: none;
    font-size: 12px;
    font-weight: normal;
    float: right;
    color: #747474
}

.comments ul.comment-list .user .delete:hover {
    color: #DD390D
}

.comments ul.comment-list .comment p:last-child {
    margin-bottom: 0
}

.comments ul.comment-list .user, .comments ul.comment-list .comment {
    margin-left: 58px
}

.comments .new-comment {
    padding: 20px 0 0 0;
    border-top: 1px solid #ddd
}

.comments .new-comment textarea {
    width: 510px;
    height: 80px;
    margin: 0 0 0 16px;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 2px;
    box-shadow: 0 1px 0 #eee inset
}

.comments .new-comment input {
    margin-left: 50px
}

.comments .new-comment .actions span {
    float: left;
    margin-top: 7px;
    font-size: 12px;
    color: #777;
    margin-left: 48px
}

.comments .new-comment .actions span a {
    color: #444;
    font-weight: normal
}

.comments .comment-log {
    border-top: 1px solid #ddd;
    padding: 20px 0
}

.comments .comment-log p {
    color: #777;
    font-size: 16px;
    padding-top: 10px
}

.comments .comment-log .avatar {
    margin-right: 20px
}

.comments-loading {
    padding: 16px 0;
    border-top: 1px solid #eaeaea;
    height: 80px;
    width: 100%;
    padding: 100px 50%
}

.likes {
    display: none;
    margin: 15px 0 0 0;
    padding: 15px 0 15px 0;
    border-top: 1px solid #ddd
}

.likes h4 {
    float: left;
    font-weight: normal;
    font-size: 14px
}

.likes ul.like-list {
    list-style: none;
    margin: 0 0 0 57px;
    padding: 0
}

.likes ul.like-list li {
    list-style: none;
    float: left;
    margin: 0 8px 8px 0
}

.likes ul.like-list li img.avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 32 !important
}

.public-share {
    z-index: 0;
    position: relative;
    overflow: hidden;
    padding: 0 30px 50px;
    border-radius: 2px;
    display: block;
    background: url(/static/img/bg-column.png) repeat-y white
}

.public-share h2 {
    font-size: 24px;
    margin: 0 0 10px 0;
    line-height: 1.1;
    color: #DD390D;
    font-weight: normal
}

.public-share h2 a {
    color: #DD390D;
    font-weight: normal
}

.public-share h2 a:hover {
    color: #DD390D;
    text-decoration: underline
}

.public-share .side {
    width: 180px;
    float: left;
    padding: 40px 30px 0 0;
    min-height: 400px;
    background: url(/static/img/bg-side.png) right -4px no-repeat
}

.public-share .side .share-list>* {
    height: 40px;
    display: block
}

.public-share .side .collaborators {
    margin: 10px 0 0 0;
    overflow: hidden
}

.public-share .side .collaborators li {
    list-style: none;
    float: left;
    margin: 0 8px 8px 0
}

.public-share .side .collaborators li img {
    width: 32px;
    height: 32px
}

.public-share .side p {
    margin: 0 0 10px;
    font-size: 14px;
    color: #646464;
    line-height: 1.4;
    margin-bottom: 15px
}

.public-share .side h6 {
    font-weight: normal;
    color: #999;
    margin-bottom: 1em
}

.public-share .side h4 {
    font-weight: normal;
    font-size: 14px
}

.public-share .side hr {
    margin: 15px 0
}

.public-share .main-column {
    float: right;
    width: 670px;
    padding-top: 20px
}

.public-share .meta-info {
    margin-top: 20px;
    height: 20px
}

.public-share .meta-info .user-pro {
    background-position: -62px -64px
}

.public-share .meta-info a {
    color: #111;
    font-weight: normal
}

.public-share .meta-info .action-buttons {
    display: inline-block;
    float: right;
    padding: 0 1px 0 0
}

.public-share #clip-modal {
    display: block;
    position: relative;
    z-index: 0
}

.public-share #clip-modal #reader-content {
    display: block;
    box-shadow: none;
    padding: 30px 30px 0 0;
    margin: 0;
    width: 600px;
    float: right;
    z-index: 0
}

.public-share #clip-list {
    border: 0
}

.public-share #clip-list .clip {
    padding: 22px 40px;
    position: relative;
    border-bottom: 1px solid #eee;
    margin: 0 -31px 0 0
}

.public-share #clip-list .clip .clip-save {
    position: absolute;
    top: 0;
    right: 0;
    display: none
}

.public-share #clip-list .clip .notes * {
    color: #333 !important;
    font-size: 15px;
    line-height: 22px
}

.public-share #clip-list .clip.saving .clip-save {
    display: block;
    color: #111
}

.public-share #clip-list .clip.saving .clip-save i {
    opacity: 1
}

.public-share #clip-list .clip.saving .clip-date {
    display: none
}

.public-share #clip-list .clip:hover .clip-save {
    display: block
}

.public-share #clip-list .clip:hover .clip-date {
    display: none
}

.public-share #clip-list .clip .clip-content {
    position: relative
}

.public-share #clip-list .clip .clip-content .clip-title {
    font-size: 18px;
    width: 560px;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.public-share #clip-list .clip .clip-content .domain .comment-count a:hover {
    color: #DD390D
}

.public-share .comments .new-comment {
    padding-top: 30px
}

.public-share .comments .new-comment textarea {
    width: 490px
}

.public-share .comments .new-comment .actions span {
    margin-left: 58px
}

.notice {
    background: transparent;
    padding: 10px;
    position: absolute;
    top: 57px;
    left: 0;
    width: 100%;
    color: white;
    display: none
}

.notice p {
    width: 940px;
    margin: 0 auto;
    font-size: 24px;
    padding: 40px 0 70px;
    background: #eee;
    color: #111
}

.notice a {
    background: #fff;
    padding: .7em 1.8em;
    font-size: 14px;
    float: right;
    border-radius: 2px;
    margin-top: -8px;
    color: #000
}

.user-pro.small {
    background-position: -62px -64px
}

#notifications-modal {
    position: relative;
    float: left
}

#notifications-modal.has-notifications .notifications-link {
    background: url(/static/img/icon-notifications.png) center 3px no-repeat
}

#notifications-modal.open .notifications-link {
    box-shadow: 0 1px 0 #eee inset
}

#notifications-modal.open ul {
    display: block !important
}

#notifications-modal.no-notifications li.empty {
    display: block
}

#notifications-modal .notifications-link {
    width: 24px;
    height: 24px;
    background: #eee;
    display: block;
    position: absolute;
    top: 13px;
    left: 3px;
    border-radius: 2px;
    border: 1px solid #ccc;
    background: url(/static/img/icon-notifications.png) center -20px no-repeat white;
    box-shadow: 0 1px 0 #eee
}

#notifications-modal div.notifications {
    display: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -15px;
    top: 55px;
    width: 320px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2)
}

#notifications-modal div.notifications ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9000;
    max-height: 400px;
    min-height: 40px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-top: 1px solid #ddd
}

#notifications-modal div.notifications:after {
    content: "";
    position: absolute;
    top: -16px;
    left: 21px;
    border: 8px solid transparent;
    border-bottom-color: #fff;
    display: block;
    width: 0;
    z-index: 1000
}

#notifications-modal div.notifications:before {
    content: "";
    position: absolute;
    top: -17px;
    left: 21px;
    border: 8px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    display: block;
    width: 0;
    z-index: 1000
}

#notifications-modal div.notifications h6 {
    padding: 10px 15px;
    display: block;
    text-transform: none;
    line-height: 1;
    color: #777;
    font-weight: normal
}

#notifications-modal div.notifications a.more {
    display: block;
    text-align: center;
    background: #fff;
    margin: 0;
    font-weight: bold;
    color: #333
}

#notifications-modal div.notifications a.more {
    padding: 10px 15px;
    margin: 0;
    border-top: 1px solid #ddd;
    background: #fff;
    color: #777
}

#notifications-modal div.notifications li {
    border-top: 1px solid #ddd;
    background: #fff;
    color: #777
}

#notifications-modal div.notifications li:first-child {
    border: none
}

#notifications-modal div.notifications li.unread {
    background: #fafafa
}

#notifications-modal div.notifications li.unread span {
    color: #DD390D
}

#notifications-modal div.notifications li.empty {
    padding: 11px 0;
    text-align: center;
    font-style: italic;
    color: #999
}

#notifications-modal div.notifications li .avatar {
    float: left;
    margin: 5px 0 0 0;
    width: 26px;
    height: 26px
}

#notifications-modal div.notifications li a {
    font-weight: normal;
    display: block;
    padding: 10px 15px;
    margin: 0
}

#notifications-modal div.notifications li a div {
    margin-left: 36px
}

#notifications-modal div.notifications li a div span.timestamp {
    float: right;
    color: #888;
    font-size: 11px
}

#notifications-modal div.notifications li a div span.timestamp abbr {
    cursor: default;
    border: none;
    color: #888
}

#notifications-modal div.notifications li a div span.timestamp abbr:hover {
    cursor: pointer
}

#notifications-modal div.notifications li a div strong {
    color: #555
}

#notifications-modal div.notifications li a div span {
    display: block;
    color: #555
}

#notifications-modal div.notifications li a div:hover span {
    color: #DD390D
}

#notifications-modal div.notifications li a div:hover strong {
    color: #333
}

.clip-save-popup {
    display: none;
    width: 280px;
    height: 105px;
    border: 1px solid #999;
    background: #fff;
    z-index: 99999;
    position: absolute;
    box-shadow: -1px 2px 9px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px
}

.clip-save-popup form>div {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(white, #f8f8f8);
    background-image: -o-linear-gradient(white, #f8f8f8);
    background-image: -ms-linear-gradient(white, #f8f8f8);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #f8f8f8));
    background-image: -webkit-linear-gradient(white, #f8f8f8)
}

.clip-save-popup>div {
    position: relative
}

.clip-save-popup>div:after {
    content: "";
    position: absolute;
    right: -16px;
    top: 10px;
    border: 8px solid transparent;
    border-left-color: #fff;
    display: block;
    width: 0;
    z-index: 9999999
}

.clip-save-popup>div:before {
    content: "";
    position: absolute;
    right: -17px;
    top: 10px;
    border: 8px solid transparent;
    border-left-color: #777;
    display: block;
    width: 0;
    z-index: 9999999
}

.clip-save-popup textarea {
    border: 0;
    width: 260px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    background: transparent;
    resize: none
}

.clip-save-popup select {
    width: 190px;
    margin: 10px
}

.clip-save-popup .btn {
    padding: 4px 12px;
    box-shadow: none
}

#subscription {
    text-align: center
}

#subscription hr {
    margin: 30px 0
}

#subscription h1 {
    text-align: center;
    font-weight: normal;
    font-size: 42px;
    margin-top: 20px;
    margin-bottom: 10px
}

#subscription h1 span {
    color: #777;
    font-weight: 300
}

#subscription h1 span strong {
    color: #333
}

#subscription .pay-button {
    margin: 40px auto 0 auto;
    width: 150px;
    overflow: visible;
    text-align: left
}

#subscription .payment-button-frame {
    margin: 0 auto
}

#subscription .done {
    padding: 40px 0
}

#subscription .done img {
    height: 95px;
    width: 95px;
    -webkit-animation-name: reset, fade-in;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-name: reset, fade-in;
    animation-duration: 1.0s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1
}

#subscription .done hr {
    width: 60px;
    margin: 20px auto;
    border-top: 2px solid #ddd
}

#subscription .done a {
    font-size: 18px
}

#subscription .done h2 {
    font-size: 32px;
    margin-bottom: 0
}

#subscription .btn-large {
    font-size: 18px
}

#subscription .row {
    border-bottom: 1px solid #ddd;
    padding-left: 40px;
    margin-bottom: 30px
}

#subscription .span3 {
    padding-top: 90px;
    margin-bottom: 30px
}

#subscription .span3.love {
    background: url(../../img/icon-love.png) center 5px no-repeat
}

#subscription .span3.pro {
    background: url(../../img/icon-pro.png) center 0 no-repeat
}

#subscription .span3.archive {
    background: url(../../img/icon-archive.png) center top no-repeat
}

@-webkit-keyframes reset {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes reset {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.body-discover {
    background: url("../../img/bg-page.jpg") center 40px no-repeat white
}

.body-discover h1 {
    text-align: center;
    padding: 20px 0 10px;
    font-size: 36px;
    font-weight: normal;
    width: 70%;
    margin: 0 auto
}

.body-discover .app-bg {
    box-shadow: 0 -1px 2px #ccc;
    margin-top: 30px
}

.discover {
    padding: 30px 0;
    background: url("../../img/discover-bg.png") center 124px no-repeat;
    margin: 0 0
}

.discover .list-widget {
    float: left;
    margin: 30px 0 0 40px
}

.list-tabs {
    text-align: center;
    padding: 15px 0 0;
    margin-bottom: 50px;
    color: #ccc
}

.list-tabs a {
    font-size: 16px;
    color: #777;
    font-weight: normal;
    margin: 0 40px;
    padding: 5px 0;
    color: #DD390D
}

.list-tabs a:hover {
    color: #333
}

.list-tabs a.active {
    color: #333
}

.list-follow {
    box-shadow: none;
    padding: .3em .6em;
    font-size: 13px
}

.list-follow.following {
    background: #fefefe;
    color: #999;
    border: 1px solid #ddd
}

.list-follow.following span {
    color: #87c636
}

.list-widget {
    width: 380px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 15px;
    position: relative;
    border-top: 1px solid #eee;
    background: #fff
}

.list-widget .list-head {
    margin-left: 60px
}

.list-widget .list-head .list-follow {
    position: absolute;
    top: 20px;
    right: 15px;
    margin: 0
}

.list-widget .avatar {
    margin-top: 2px;
    border-radius: 40px
}

.list-widget h3 {
    font-weight: normal;
    color: #dd390d;
    font-size: 20px;
    line-height: 1.3;
    margin: 0
}

.list-widget h3 a {
    font-weight: normal;
    color: #DD390D
}

.list-widget h3 small {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #555
}

.list-widget .list-meta {
    color: #777;
    margin-top: 0;
    font-size: 13px
}

.list-widget .list-meta a {
    font-weight: normal;
    color: #111
}

.list-widget ul {
    list-style: none;
    margin: 15px -15px 0;
    padding: 0 10px;
    position: relative
}

.list-widget ul:before {
    -webkit-box-shadow: inset 0 16px 8px -20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 15px 8px -20px rgba(0, 0, 0, 0.4);
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
    -moz-mask-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
    height: 5px;
    width: 100%;
    position: relative;
    content: '';
    top: -2px;
    left: 0;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.15)
}

.list-widget ul li {
    margin: 10px 10px;
    font-size: 14px;
    height: 20px;
    overflow: hidden
}

.list-widget ul li a {
    color: #111;
    font-weight: normal
}

.list-widget ul li .fav {
    float: left;
    vertical-align: text-top;
    background-position: 0 4px;
    height: 20px
}

.list-widget ul li>div {
    margin-left: 30px
}

.list-widget ul li span {
    display: block;
    color: #777;
    font-size: 13px
}

.list-widget ul li .list-view {
    margin: 10px 0 0 30px;
    padding-top: 10px;
    color: #dd390d
}

.profile {
    padding-bottom: 60px
}

.profile .user-pro {
    margin-top: 5px
}

.profile .list-widget {
    float: left;
    margin: 30px 0 0 40px
}

.profile .profile-tabs {
    height: 35px;
    padding: 0 10px;
    background: #fff;
    margin-top: -8px
}

.profile .profile-tabs:after {
    -webkit-box-shadow: inset 0 16px 8px -20px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 15px 8px -20px rgba(0, 0, 0, 0.4);
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
    -moz-mask-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
    height: 5px;
    width: 100%;
    position: relative;
    content: '';
    top: -2px;
    left: 0;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    z-index: 1
}

.profile .profile-tabs a {
    color: #666;
    margin: 0 20px 0 0;
    display: inline-block;
    padding: 12px 25px;
    font-size: 14px;
    font-weight: normal
}

.profile .profile-tabs a:first-child {
    margin-left: 192px
}

.profile .profile-tabs a.active {
    color: #000;
    border-color: #fff;
    background: #fff;
    background: -webkit-linear-gradient(#fafafa, white);
    box-shadow: 0 1px 1px #ccc inset;
    border-radius: 2px
}

.profile .profile-head {
    padding: 40px 40px 0
}

.profile .profile-head .avatar {
    float: left;
    width: 130px;
    height: 130px
}

.profile .profile-head .profile-info h1 {
    margin-bottom: 0;
    margin-top: 5px
}

.profile .profile-head .profile-info p {
    font-size: 15px;
    margin: 10px 20px 0 0;
    line-height: 1.5;
    color: #555;
    padding-bottom: 30px
}

.profile .profile-head .profile-extra {
    margin-left: 40px
}

.profile .profile-head .profile-extra .btn {
    padding: .5em 1em
}

.profile .profile-head .profile-extra>div {
    margin-top: 20px
}

.profile .profile-head .profile-extra>div a {
    margin-right: 10px;
    text-indent: -9999cm;
    height: 30px;
    width: 30px;
    border-radius: 32px;
    display: inline-block
}

.profile .profile-head .profile-extra>div .twitter {
    background: url("../../img/icon-twitter.png") center center no-repeat #00a7d8;
    background-size: 20px
}

.profile .profile-head .profile-extra>div .website {
    background: url("../../img/chrome-icons.png") 9px 9px no-repeat #eee;
    background-size: 20px
}

.profile .profile-head .profile-extra>div .github {
    background: url("../../img/icon-github.png") center center no-repeat #eee
}

.profile .profile-head .profile-extra>div .dribbble {
    background: url("../../img/icon-dribbble.png") center center no-repeat #e65189;
    background-size: 16px
}

.profile .load-more {
    clear: both;
    margin: 40px 40px;
    border-bottom: 1px solid #ddd;
    padding: 40px 0 0 0
}

.profile .load-more .load {
    display: block;
    text-align: center;
    padding: 10px;
    border: 1px solid #ddd;
    width: 140px;
    background: #fff;
    margin: 0 auto -20px;
    box-shadow: 0 0 0 15px white;
    border-radius: 3px;
    color: #444;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(white, #fafafa);
    background-image: -o-linear-gradient(white, #fafafa);
    background-image: -ms-linear-gradient(white, #fafafa);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #fafafa));
    background-image: -webkit-linear-gradient(white, #fafafa)
}

.profile .load-more .loading-feed {
    display: none
}

.people-widget {
    width: 380px;
    padding: 30px 0;
    margin: 0 0 0 55px;
    position: relative;
    float: left;
    color: #777
}

.people-widget .avatar {
    border-radius: 48px
}

.people-widget>div {
    margin-left: 60px
}

.people-widget>div a {
    font-weight: normal;
    color: #777
}

.people-widget>div a:hover {
    text-decoration: underline
}

.people-widget>div h3 {
    font-weight: normal;
    font-size: 24px;
    color: #DD390D
}

.people-widget>div h3 a {
    color: #DD390D
}

.people-widget .btn {
    position: absolute;
    right: 0;
    top: 30px;
    font-size: 11px;
    box-shadow: none
}

.people-widget .avatar {
    float: left
}

.list-follow {
    margin-top: 30px
}

.profile-empty {
    text-align: center;
    font-size: 30px;
    color: #777;
    margin: 150px
}

.user-follow {
    box-shadow: none;
    padding: .3em .6em;
    font-size: 13px
}

.user-follow.following {
    background: #fefefe;
    color: #999;
    border: 1px solid #ddd
}

.user-follow.following span {
    color: #87c636
}

.user-pro {
    background: url("/static/img/icons-kipptset-1x.png") -62px -90px no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: text-top
}

.lookup .padding {
    padding: 40px 60px
}

.lookup h1 {
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px
}

.lookup .connect {
    padding: 40px 0
}

.lookup .connect div {
    text-align: left
}

.lookup .connect div.span6 p {
    font-size: 18px;
    text-align: left;
    line-height: 1.4;
    margin: 30px 0 20px
}

.lookup .follow-people {
    margin: 0 -20px;
    padding: 10px 0;
    border: 0
}

.lookup .follow-people .people-widget {
    margin: 0 40px 0 0
}

.lookup .find-friends {
    list-style: none;
    border: 1px solid #c3c2c3;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    border-radius: 6px;
    position: relative;
    margin: 0 -24px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(white, #fafafa);
    background-image: -o-linear-gradient(white, #fafafa);
    background-image: -ms-linear-gradient(white, #fafafa);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #fafafa));
    background-image: -webkit-linear-gradient(white, #fafafa)
}

.lookup .find-friends li {
    width: 215px;
    border-right: 1px solid #ccc;
    margin: 0;
    padding: 0;
    float: left
}

.lookup .find-friends li a {
    display: block;
    padding: 1em 20px 1em 17px;
    color: #333;
    font-weight: normal;
    height: 17px
}

.lookup .find-friends li a i {
    margin: 0;
    padding: 2px 5px
}

.lookup .find-friends li a:hover {
    text-decoration: none
}

.lookup .find-friends li:first-child {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    -ms-border-top-left-radius: 6px;
    -o-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -ms-border-bottom-left-radius: 6px;
    -o-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.lookup .find-friends li:last-child {
    border-right: none;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    -ms-border-top-right-radius: 6px;
    -o-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -ms-border-bottom-right-radius: 6px;
    -o-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.lookup-facebook .tab-facebook, .lookup-twitter .tab-twitter, .lookup-email .tab-email, .lookup-featured .tab-featured {
    background: url(../../img/base-noise.jpg) #f0f0f0;
    border-color: #bbb;
    box-shadow: inset 0 1px 2px #bbb;
    color: #000;
    position: relative
}

.lookup-facebook .tab-facebook:after, .lookup-twitter .tab-twitter:after, .lookup-email .tab-email:after, .lookup-featured .tab-featured:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    display: block;
    width: 0;
    z-index: 10000
}

.lookup-facebook .tab-facebook:before, .lookup-twitter .tab-twitter:before, .lookup-email .tab-email:before, .lookup-featured .tab-featured:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    border: 6px solid transparent;
    border-bottom-color: #c3c2c3;
    display: block;
    width: 0;
    z-index: 10000
}

.onboarding {
    background: #fff
}

.onboarding .navbar {
    border-bottom: 1px solid #ddd
}

.onboarding footer * {
    display: none
}

.onboarding .nav-collapse {
    display: none
}

.onboarding section {
    padding: 0 0 40px;
    -webkit-animation-name: reset, fade-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-name: reset, fade-in;
    animation-duration: 1.2s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1
}

.onboarding section:after {
    -webkit-box-shadow: inset 0 16px 16px -20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 15px 15px -20px rgba(0, 0, 0, 0.3);
    -webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
    -moz-mask-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
    height: 5px;
    width: 100%;
    position: relative;
    content: '';
    bottom: -40px;
    left: 0;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.12)
}

.onboarding h2 {
    margin: 60px 0 30px;
    font-size: 32px;
    text-align: center;
    -webkit-animation-name: reset, fade-in;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-iteration-count: 1;
    animation-name: reset, fade-in;
    animation-duration: .5s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1
}

.onboarding .capture {
    background: url(../../img/welcome-capture.png) center 20px no-repeat;
    margin-left: 0
}

.onboarding .organize {
    background: url(../../img/welcome-collaborate.png) center 20px no-repeat
}

.onboarding .access {
    background: url(../../img/welcome-share.png) center 20px no-repeat
}

.onboarding h3.span4 {
    line-height: 1.3;
    color: #111;
    font-weight: bold;
    float: left;
    font-size: 17px;
    padding-top: 230px;
    text-align: center
}

.onboarding .next {
    text-align: center;
    margin-top: 40px
}

.onboarding .next .btn {
    padding: .8em 2.5em
}

.onboarding form input[type=text] {
    display: block;
    font-size: 22px;
    height: auto;
    padding: .4em .8em;
    margin-bottom: 1em
}

.onboarding #add-lists {
    list-style-type: none;
    margin: 0
}

.onboarding #add-lists li {
    line-height: 24px
}

.onboarding #add-lists li a {
    font-size: 18px
}

.onboarding .center {
    text-align: center
}

.extension p {
    margin-bottom: 40px;
    text-align: center;
    margin: 0 auto 40px
}

.extension .btn {
    display: inline-block;
    font-size: 18px;
    padding: .7em 1.4em
}

.chrome .btn i {
    background: url(../../img/chrome-icon.png) no-repeat;
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: text-top
}

.safari .btn i {
    background: url(../../img/applesafari.png) no-repeat;
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: text-top;
    background-size: 20px
}

.firefox .btn i {
    background: url(../../img/firefox.png) no-repeat;
    display: inline-block;
    width: 32px;
    height: 23px;
    background-size: 72%;
    vertical-align: text-top
}

.opera .btn i {
    background: url(../../img/opera.png) no-repeat;
    display: inline-block;
    width: 32px;
    height: 23px;
    background-size: 72%;
    vertical-align: text-top
}

.connect>div {
    text-align: center
}

.connect i {
    height: 160px;
    width: 160px;
    vertical-align: top;
    border-radius: 160px;
    display: block;
    margin: 0 auto 20px auto
}

.connect .btn {
    padding: .5em 1.5em
}

.connect-facebook i {
    background: url(../../img/icon-facebook.png) center center no-repeat #405c9e
}

.connect-twitter i {
    background: url(../../img/icon-twitter.png) center center no-repeat #00a7d8;
    background-size: 100px auto
}

.connect-tumblr i {
    background: url(../../img/icon-tumblr.png) center center no-repeat #2b4660
}

.progress-bar {
    position: absolute;
    top: 32px;
    left: 54%;
    margin-left: -286px;
    vertical-align: top
}

.progress-bar span {
    margin: 0 15px;
    vertical-align: top;
    color: #666;
    font-size: 15px;
    line-height: 22px
}

.progress-bar i {
    display: inline-block;
    position: relative;
    height: 16px;
    width: 16px;
    border-radius: 16px;
    margin: 0 30px;
    background-color: #eee;
    border: 2px solid #ddd;
    transition: background-color .25s ease-in;
    -moz-transition: background-color .25s ease-in;
    -o-transition: background-color .25s ease-in
}

.progress-bar i:before {
    content: "";
    width: 5px;
    height: 5px;
    left: 33px;
    top: 6px;
    position: absolute;
    margin: 0 15px;
    border-radius: 5px;
    background: #ccc;
    display: inline-block
}

.progress-bar.one i:nth-child(2), .progress-bar.two i:nth-child(3), .progress-bar.three i:nth-child(4), .progress-bar.four i:nth-child(5), .progress-bar.five i:nth-child(6) {
    background-color: #fff;
    border-color: #dd380c
}

.progress-bar i:nth-child(6):before {
    display: none
}

.bookmarklet_button {
    padding: .5em 1em;
    line-height: 2;
    margin: 30px 15px 30px 0;
    cursor: move;
    white-space: nowrap
}

.bookmarklet_button:hover {
    border-color: #ccc;
    box-shadow: 0 0 10px #ccc
}

#bookmarklet-help {
    background: #000;
    width: 100px;
    padding: 10px 15px;
    left: 50%;
    top: 25px;
    margin-left: -65px;
    position: absolute;
    border-radius: 3px;
    font-weight: bold;
    opacity: 0;
    color: #fff;
    z-index: 99
}

#bookmarklet-help:after {
    content: "";
    position: absolute;
    top: -15px;
    left: 55px;
    border: 8px solid transparent;
    border-bottom-color: #000;
    display: block;
    width: 0;
    z-index: 1000
}

.follow-people {
    border-top: 1px solid #ddd;
    padding: 30px
}

.follow-people .people-widget {
    width: 260px;
    border: 0;
    margin: 0 20px;
    height: 60px;
    padding: 30px 0 15px 0;
    overflow: hidden
}

.follow-people .people-widget:nth-child(3n+3) {
    margin-right: 0
}

.follow-people .people-widget h3 {
    font-size: 18px
}

.follow-people .people-widget>div {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 55%;
    height: 60px
}

.follow-people .people-widget .follow {
    height: 18px;
    display: block;
    float: right;
    border: 1px solid #ddd;
    border-bottom-color: #bfbfbf;
    text-align: center;
    vertical-align: text-top;
    color: #87c636;
    cursor: pointer;
    width: auto;
    padding: 3px 10px;
    font-size: 11px;
    color: #444;
    font-weight: bold;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(white, #fafafa);
    background-image: -o-linear-gradient(white, #fafafa);
    background-image: -ms-linear-gradient(white, #fafafa);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #fafafa));
    background-image: -webkit-linear-gradient(white, #fafafa)
}

.follow-people .people-widget .follow:hover {
    text-decoration: none;
    border-color: #aaa;
    color: #5fa506;
    background: #fff
}

.follow-people .people-widget.following .follow {
    color: #87c636;
    background: url(/static/img/icons-kipptset-1x.png) -89px -2px no-repeat white;
    text-indent: -9999cm;
    cursor: pointer;
    padding: 3px 3px;
    width: 19px;
    height: 19px;
    border-color: #ccc
}

.follow-people .people-widget.following .follow:hover {
    background: url(/static/img/icons-kipptset-1x.png) -87px -79px no-repeat #bbb;
    border-color: #bbb
}

@-webkit-keyframes reset {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes reset {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    60% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.note {
    text-align: center;
    color: #999
}

.note a {
    color: #666;
    font-weight: bold
}

#login #auth-form {
    padding-top: 30px
}

#login #auth-form form {
    margin: 0
}

.accounts-form {
    width: 520px;
    padding: 30px 0 0 0;
    margin: 90px auto 30px;
    background: #fff;
    text-align: center;
    box-shadow: 0 1px 6px #bbb;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 2px
}

.accounts-form h2 {
    font-weight: 400;
    letter-spacing: 0;
    font-size: 26px;
    color: #222
}

.accounts-form small {
    color: #666
}

.accounts-form .errorlist {
    list-style: none;
    margin: 0 95px 15px
}

.accounts-form .connect-buttons {
    margin: 20px 0
}

.accounts-form .connect-buttons .connect-button {
    display: inline-block;
    margin: 0 10px 20px
}

.accounts-form .connect-buttons .connect-button .btn {
    background: #0ba8d6;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    padding: .6em;
    font-weight: bold;
    box-shadow: 0 0 0 5px #eee;
    width: 13em
}

.accounts-form .connect-buttons .connect-button #twitter_button {
    background: #0ba8d6;
    border-color: #007ea3
}

.accounts-form .connect-buttons .connect-button #facebook_button {
    background: #415d9c;
    border-color: #3a5695
}

.accounts-form #auth-form {
    background: #f4f4f4;
    padding: 0 0 40px;
    border-top: 1px solid #ddd;
    margin: 0;
    background-color: #f4f4f4;
    background-image: -moz-linear-gradient(#fefefe, #f4f4f4);
    background-image: -o-linear-gradient(#fefefe, #f4f4f4);
    background-image: -ms-linear-gradient(#fefefe, #f4f4f4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fefefe), color-stop(1, #f4f4f4));
    background-image: -webkit-linear-gradient(#fefefe, #f4f4f4);
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -ms-border-bottom-left-radius: 2px;
    -o-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -ms-border-bottom-right-radius: 2px;
    -o-border-bottom-right-radius: 2px;
    border-bottom-right-radius: 2px
}

.accounts-form #auth-form h3 {
    margin: 1em 0 1em;
    font-size: 16px;
    font-weight: normal
}

.accounts-form #auth-form input[type=text], .accounts-form #auth-form input[type=password] {
    font-size: 16px;
    color: #000;
    padding: .8em .8em;
    width: 300px;
    box-shadow: inset 0 1px 1px #ddd
}

.accounts-form #auth-form .input {
    margin-bottom: 15px
}

.accounts-form #auth-form input[type=submit] {
    padding: 15px 30px;
    font-size: 16px;
    padding: .8em 3em;
    letter-spacing: 1px
}

.accounts-form #auth-form .email_suggestion {
    width: 326px;
    padding: 5px 0 0 0;
    margin: 0 auto;
    text-align: right;
    font-style: italic
}

@media (max-width:768px) {
    body {
        background: #fff
    }

    .accounts-form {
        padding: 0;
        width: 100%;
        box-shadow: none;
        margin-top: 50px
    }

    .accounts-form form {
        background: 0
    }

    .accounts-form h2 {
        padding: 0;
        margin: 0;
        font-size: 24px
    }

    .accounts-form #auth-form input {
        width: 80% !important
    }
}

#signup-modal, #login-modal {
    width: 300px;
    padding: 0 40px;
    background: #fff;
    border: 5px solid rgba(0, 0, 0, 0.2);
    margin-left: -190px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 40px;
    box-shadow: 0 1px 0 white inset;
    margin-top: -306px
}

#signup-modal h1, #login-modal h1 {
    margin: 0 -40px;
    background: #eee;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 16px;
    padding: 5px 40px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center;
    margin-bottom: 30px
}

#signup-modal h5, #login-modal h5 {
    margin-top: 5px
}

#signup-modal form, #login-modal form {
    text-align: center
}

#signup-modal .close, #login-modal .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 18px 16px 18px;
    opacity: .8;
    border-left: 1px solid #bbb
}

#signup-modal .signup-btn, #login-modal .signup-btn {
    display: block;
    border: 1px solid #136ac1;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding: 12px 30px 12px 0;
    border-radius: 3px;
    margin: 10px 0 25px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    text-shadow: 0 1px 0 #1a64bf;
    cursor: pointer;
    text-align: left
}

#signup-modal .signup-btn i, #login-modal .signup-btn i {
    height: 24px;
    width: 20px;
    background-size: 24px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 15px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 30px;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2)
}

#signup-modal .signup-btn:hover, #login-modal .signup-btn:hover {
    box-shadow: 0 0 2px #ccc;
    text-decoration: none
}

#signup-modal .signup-twitter, #login-modal .signup-twitter {
    background-color: #0ba8d6;
    background-image: -moz-linear-gradient(#35bfe7, #0ba8d6);
    background-image: -o-linear-gradient(#35bfe7, #0ba8d6);
    background-image: -ms-linear-gradient(#35bfe7, #0ba8d6);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #35bfe7), color-stop(1, #0ba8d6));
    background-image: -webkit-linear-gradient(#35bfe7, #0ba8d6)
}

#signup-modal .signup-twitter i, #login-modal .signup-twitter i {
    background: url(../../img/icon-twitter.png) center center no-repeat;
    background-size: 32px auto
}

#signup-modal .signup-facebook, #login-modal .signup-facebook {
    background-color: #4264b3;
    background-image: -moz-linear-gradient(#679ace, #4264b3);
    background-image: -o-linear-gradient(#679ace, #4264b3);
    background-image: -ms-linear-gradient(#679ace, #4264b3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #679ace), color-stop(1, #4264b3));
    background-image: -webkit-linear-gradient(#679ace, #4264b3);
    border-color: #1b345a;
    text-shadow: 0 1px 0 #2d449e
}

#signup-modal .signup-facebook i, #login-modal .signup-facebook i {
    background: url(../../img/icon-facebook.png) center center no-repeat;
    background-size: 14px auto
}

#signup-modal a, #login-modal a {
    font-weight: normal
}

#signup-modal a span, #login-modal a span {
    color: #777
}

#signup-modal fieldset, #login-modal fieldset {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 40px 30px;
    margin: 30px -40px 20px
}

#signup-modal fieldset input[type=submit], #login-modal fieldset input[type=submit] {
    padding: 12px 0;
    width: 300px;
    margin-top: 15px;
    font-size: 14px
}

#signup-modal fieldset input[type=text], #signup-modal fieldset input[type=password], #signup-modal fieldset input[type=email], #login-modal fieldset input[type=text], #login-modal fieldset input[type=password], #login-modal fieldset input[type=email] {
    font-size: 14px;
    color: #000;
    padding: 10px 10px;
    width: 280px;
    box-shadow: inset 0 1px 1px #ddd;
    margin-top: 10px
}

#signup-modal fieldset .email_suggestion, #login-modal fieldset .email_suggestion {
    text-align: left;
    margin: 2px 0 0 0;
    color: #666
}

.modal-backdrop {
    opacity: .3
}

.explore.topic-javascript h1 {
    background: url(../../img/topic-js.png) no-repeat;
    padding-left: 120px
}

.explore h1 {
    height: 80px
}

.explore h1 small {
    display: block;
    line-height: 1.2;
    font-size: 16px;
    font-weight: normal
}

.explore .explore {
    border-bottom: 1px solid #eee;
    padding: 20px 18px 0;
    color: #777;
    height: 33px;
    box-shadow: 0 0 4px whitesmoke
}

.explore .explore .type {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-transform: uppercase;
    font-size: 11px;
    padding-right: 40px
}

.explore .explore .type:first-child {
    width: 70px
}

.explore .explore i {
    width: 27px;
    height: 19px;
    background: url("../../img/icon-explore.png") 5px no-repeat;
    padding-left: 40px;
    display: inline-block;
    font-size: 16px;
    font-style: normal;
    float: left;
    line-height: 16px;
    color: #ccc
}

.explore .explore .div {
    display: inline-block;
    margin: 0 40px 0 15px;
    color: #ddd
}

.explore .explore a {
    margin: 0 40px 0 0;
    padding: 15px 0;
    color: #666
}

.explore .explore a:hover {
    color: #111
}

.explore .explore a.active {
    color: #DD390D;
    border-bottom: 2px solid #ccc
}

.explore header {
    padding: 30px 20px;
    border-bottom: 1px solid #ddd;
    background-color: white;
    background-image: -moz-linear-gradient(#fafafa, white);
    background-image: -o-linear-gradient(#fafafa, white);
    background-image: -ms-linear-gradient(#fafafa, white);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, white));
    background-image: -webkit-linear-gradient(#fafafa, white)
}

.explore section {
    padding: 0
}

.explore section h2 {
    font-weight: normal;
    text-align: left;
    margin: 20px 0
}

.explore .clip-list {
    list-style: none;
    margin: 0;
    padding: 0 0
}

.explore .clip-list li {
    padding: 0;
    padding: 25px 0 25px 40px;
    color: #777;
    border-bottom: 1px solid #eee
}

.explore .clip-list li .favs {
    float: left
}

.explore .clip-list li .clip-img {
    text-align: center;
    float: right;
    height: 94px;
    width: 124px;
    overflow: hidden;
    background-size: 260px;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid rgba(255, 255, 255, 0.8);
    margin-left: 20px;
    margin-top: -10px
}

.explore .clip-list li .clip-img.video:hover {
    box-shadow: 0 2px 3px #ccc
}

.explore .clip-list li .clip-img.video:after {
    content: "";
    background: url(../../img/icon-play.png) no-repeat;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-top: 25px
}

.explore .clip-list li .clip-save {
    box-shadow: none;
    margin-left: 10px
}

.explore .clip-list li .clip-save:hover {
    box-shadow: 0 0 0 1px #ddd
}

.explore .clip-list li .clip-excerpt {
    max-height: 16px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 720px
}

.explore .clip-list li .clip-title {
    font-size: 18px;
    font-weight: normal;
    font-family: proxima-nova
}

.explore .lists {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none
}

.explore .lists h4 {
    font-weight: normal
}

.explore .lists .avatar {
    float: left;
    margin-right: 15px
}

.explore .lists li {
    list-style: none;
    margin: 0 0 20px 0;
    color: #777
}

.explore .lists li a {
    font-weight: normal
}

.explore .contributions {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none
}

.explore .contributions li {
    display: inline-block;
    margin: 0 10px 10px 0
}

.main {
    border-top: 1px solid #eee
}

.main .span9 {
    width: 680px
}

.main .sidenav {
    background: url(../../img/bg-sidebar.png) top right no-repeat;
    min-height: 400px;
    padding: 30px 0;
    margin: 0;
    width: 240px
}

.main .sidenav ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0
}

.main .sidenav ul li {
    margin: 8px 0;
    padding: 0 20px;
    line-height: 28px;
    margin-right: 1px;
    border: 1px solid transparent;
    border-right: 0;
    border-left: 0
}

.main .sidenav ul li i.icon {
    background: url(../../img/icons-2x.png) 0 0 no-repeat;
    background-size: 32px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: text-top;
    line-height: 24px;
    margin-right: 8px;
    opacity: .45;
    -webkit-transition: .15s linear
}

.main .sidenav ul li i.icon.icon-notifications {
    background-position: 0 -52px
}

.main .sidenav ul li i.icon.icon-connections {
    background-position: 0 -115px
}

.main .sidenav ul li i.icon.icon-profile {
    background-position: 0 -142px
}

.main .sidenav ul li i.icon.icon-developers {
    background-position: 0 -86px
}

.main .sidenav ul li.active {
    border: 1px solid #ddd;
    border-right: 0;
    border-left: 0
}

.main .sidenav ul li.active a {
    color: #111
}

.main .sidenav ul li.active i.icon {
    opacity: .9
}

.main .sidenav ul li a {
    color: #777;
    padding: 10px 10px;
    display: block;
    font-size: 16px;
    font-weight: normal
}

.main .sidenav ul li a:hover {
    color: #111
}

.main .sidenav ul li a:hover i.icon {
    opacity: .9
}

#connections .services {
    list-style: none;
    margin: 0 0 30px 0;
    zoom: 1;
    overflow: hidden
}

#connections .services li {
    position: relative;
    padding: 30px 80px 30px 0;
    margin: 0;
    border-bottom: 1px solid #ddd
}

#connections .services li h3 {
    font-weight: normal;
    font-size: 22px;
    line-height: 1.2
}

#connections .services li .btn {
    position: absolute;
    top: 30px;
    right: 0;
    font-size: 11px;
    padding: 4px 10px;
    box-shadow: none
}

#connections .services li p {
    font-size: 12px;
    margin: 4px 0 0;
    color: #555
}

#connections .services li i {
    height: 48px;
    width: 48px;
    vertical-align: top;
    border-radius: 4px;
    display: inline-block;
    margin-right: 20px;
    float: left;
    margin-top: 0;
    background: #ccc;
    -webkit-transition: .1s background-color linear;
    -moz-transition: .1s background-color linear
}

#connections .services li .settings {
    padding: 4px 0 0 68px
}

#connections .services li .settings input[type=checkbox] {
    margin-right: 3px
}

#connections .services li.facebook i {
    background: url("../../img/icon-facebook.png") center center no-repeat #ccc;
    background-size: 15px
}

#connections .services li.twitter i {
    background: url("../../img/icon-twitter.png") center center no-repeat #ccc;
    background-size: 36px
}

#connections .services li.tumblr i {
    background: url("../../img/icon-tumblr.png") center center no-repeat #ccc;
    background-size: 18px
}

#connections .services li.readability i {
    background: url("../../img/icon-readability.png") center center no-repeat #ccc;
    background-size: 32px
}

#connections .services li.instapaper i {
    background: url("../../img/icon-instapaper.png") center center no-repeat #ccc;
    background-size: 36px
}

#connections .services li.pocket i {
    background: url("../../img/icon-instapaper.png") center center no-repeat #ccc;
    background-size: 36px
}

#connections .services li.pocket i {
    background: url("../../img/icon-pocket-setting.png") center center no-repeat #ccc
}

#connections .services li.buffer i {
    background: url("../../img/icon-buffer.png") center center no-repeat #ccc;
    background-size: 36px
}

#connections .services li.appdotnet i {
    background: url("../../img/icon-appdotnet-l.png") center center no-repeat #ccc;
    background-size: 36px
}

#connections .services li.active .btn {
    background: #f1f1f1;
    color: #777;
    box-shadow: none;
    text-shadow: 0 1px 0 white;
    border-color: #ccc
}

#connections .services li.active i, #connections .services li:hover i {
    -webkit-transition: .1s background-color linear;
    -moz-transition: .1s background-color linear
}

#connections .services li.active.facebook i, #connections .services li:hover.facebook i {
    background-color: #405c9e
}

#connections .services li.active.twitter i, #connections .services li:hover.twitter i {
    background-color: #00a7d8
}

#connections .services li.active.tumblr i, #connections .services li:hover.tumblr i {
    background-color: #2b4660
}

#connections .services li.active.readability i, #connections .services li:hover.readability i {
    background-color: #b40007
}

#connections .services li.active.instapaper i, #connections .services li:hover.instapaper i {
    background-color: #333
}

#connections .services li.active.pocket i, #connections .services li:hover.pocket i {
    background-color: #ee4056
}

#connections .services li.active.buffer i, #connections .services li:hover.buffer i {
    background-color: #111
}

#connections .services li.active.appdotnet i, #connections .services li:hover.appdotnet i {
    background-color: #3178bd
}

#connections .services li .disconnect {
    position: absolute;
    top: 58px;
    right: 0;
    font-size: 11px;
    padding: 4px 12px;
    font-weight: normal
}

#notifications .actions {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px
}

#notifications input[type=checkbox] {
    margin-top: -2px
}

#notifications label {
    width: 350px;
    font-size: 15px;
    line-height: 40px
}

#notifications .input {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

#notifications .legend {
    margin-top: 20px;
    padding: 10px 0;
    font-size: 15px;
    width: 400px
}

#notifications .legend>div {
    padding: 14px 0 0;
    border-top: 1px solid #eee;
    margin-top: 10px
}

#notifications .legend>div label {
    margin-left: 10px;
    line-height: 1
}

#settings .avatar {
    margin: 20px 40px;
    float: right;
    padding: 15px;
    width: 200px;
    border: 1px solid #ddd;
    font-size: 14px;
    border-radius: 0;
    background: #fff
}

#settings .avatar p {
    margin: 10px 0 0;
    color: #666
}

#settings input[type=text], #settings input[type=password], #settings textarea {
    padding: 7px 10px;
    font-size: 14px;
    margin-bottom: 20px
}

#settings textarea {
    height: 120px
}

#settings input[type=checkbox] {
    margin-top: 9px
}

#settings textarea#id_description {
    margin-bottom: 3px
}

#settings .input.twitter input, #settings .input.github input, #settings .input.dribbble input {
    width: 179px
}

#settings .input.twitter span, #settings .input.github span, #settings .input.dribbble span {
    padding: 7px 7px;
    font-size: 14px;
    margin-bottom: 20px
}

#settings .actions {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding-top: 20px
}

#settings label span {
    color: #666;
    margin-left: 4px
}

#settings .footnote {
    margin-bottom: 20px
}

#settings .footnote small {
    color: #666;
    font-size: 11px
}

#settings .delete {
    float: right;
    margin-top: 10px;
    font-weight: normal
}

#tools h1 {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}

#tools h2 {
    margin-top: 30px
}

#tools img {
    float: right;
    margin: 5px 0 20px 20px
}

#tools hr {
    margin: 40px 0;
    clear: both
}

#tools .bookmarklet_code {
    width: 100%
}

#tools #extension .btn {
    font-size: 13px;
    padding: 10px 10px;
    margin: 10px 10px 10px 0
}

#tools #extension .btn.chrome span {
    padding: 10px 0 10px 30px;
    background: url(../../img/chrome-icon.png) 0 10px no-repeat
}

#tools #extension .btn.safari span {
    padding: 10px 0 10px 30px;
    background: url(../../img/applesafari.png) 0 9px no-repeat;
    background-size: 20px
}

#tools #extension .btn.firefox span {
    background: url(../../img/firefox.png) 0 9px no-repeat;
    padding: 10px 0 10px 30px;
    background-size: 22px
}

#tools #extension .btn.opera span {
    background: url(../../img/opera-icon.png) 0 10px no-repeat;
    padding: 10px 0 10px 30px;
    background-size: 22px
}

#tools #extension .btn.chrome, #tools #extension .btn.firefox, #tools #extension .btn.opera, #tools #extension .btn.safari {
    width: 180px
}

#tools #extension .btn.chrome span, #tools #extension .btn.firefox span, #tools #extension .btn.opera span, #tools #extension .btn.safari span {
    background-size: 16px;
    padding-left: 20px
}

#tools .bookmarklets {
    background: #fff7dc;
    padding: 8px 15px;
    margin: 30px 0 15px
}

#tools .bookmarklets p:first-child {
    border-bottom: 1px solid #e7d8a4;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 15px
}

#tools .bookmarklets .bookmarklet_button {
    border: 1px solid #ddd;
    border-top-color: #EEE;
    padding: .5em 1em;
    background: white;
    color: #DD390D;
    font-size: 13px;
    line-height: 2;
    margin: 30px 15px 30px 0;
    line-height: 3.8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    cursor: move;
    white-space: nowrap
}

#tools ul.list-bookmarklets {
    list-style-type: none;
    margin: 0
}

#tools ul.list-bookmarklets li {
    margin: 0 0 20px 0
}

.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center
}

.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000
}

.tipsy-arrow-n {
    border-bottom-color: #000
}

.tipsy-arrow-s {
    border-top-color: #000
}

.tipsy-arrow-e {
    border-left-color: #000
}

.tipsy-arrow-w {
    border-right-color: #000
}

.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.digg #sync .diggs {
    width: 200px;
    margin: 40px auto;
    height: 40px;
    text-align: center
}

.digg #sync .diggs span {
    font-size: 36px;
    font-family: courier;
    display: inline-block;
    margin: 10px;
    margin-top: 40px;
    opacity: 0;
    color: #c0da92;
    -webkit-animation-duration: 2.2s;
    -webkit-animation-name: diggs;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: diggs;
    -moz-animation-duration: 2.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;
    animation-name: diggs;
    animation-duration: 2.2s;
    animation-timing-function: ease;
    animation-iteration-count: infinite
}

.digg #sync .diggs span:first-child {
    color: #93b558
}

.digg #sync .diggs span:last-child {
    color: #3178bd
}

.digg #sync ul.archive {
    background: url("../../img/digg-header.png") no-repeat;
    height: 300px
}

.digg #sync ul.archive li {
    position: absolute;
    width: 180px;
    top: 83px;
    height: 40px;
    padding-top: 90px;
    text-align: center;
    font-size: 16px;
    opacity: 0
}

.digg #sync ul.archive li.site {
    left: 130px;
    top: 120px;
    width: 380px;
    background: url(../../img/digg-logo.png) center 0 no-repeat
}

.digg #sync ul.archive li.import {
    left: 50%;
    top: 83px !important;
    margin-left: -100px;
    background: url(../../img/digg-import.png) center 0 no-repeat
}

.digg #sync ul.archive li.search {
    right: 130px;
    top: 125px;
    width: 420px;
    background: url(../../img/digg-kippt.png) center 0 no-repeat
}

.digg #sync ul.archive.animation .import {
    -webkit-animation-name: import-in;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: import-in;
    -moz-animation-duration: 2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: import-in;
    animation-duration: 2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1
}

.digg #sync header {
    overflow: hidden
}

.digg #sync header .btn.blue {
    margin-top: -30px
}

.digg #sync .in-blog {
    text-align: center;
    font-size: 18px;
    margin-top: -88px;
    margin-bottom: 48px;
    color: #666
}

.digg #sync .digg-options {
    text-align: center;
    height: 200px;
    background: #fefefe;
    border-top: 1px solid #ddd;
    padding: 30px 0;
    box-shadow: 0 0 3px #ccc inset;
    margin: 0 -5px 60px;
    background-color: white;
    background-image: -moz-linear-gradient(#fafafa, white);
    background-image: -o-linear-gradient(#fafafa, white);
    background-image: -ms-linear-gradient(#fafafa, white);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, white));
    background-image: -webkit-linear-gradient(#fafafa, white)
}

.digg #sync .digg-options h3 {
    margin: 20px 0;
    font-weight: normal;
    font-size: 24px
}

.digg #sync .digg-options label {
    display: inline-block;
    font-size: 16px;
    margin-right: 30px
}

.digg #sync .digg-options label:last-child {
    margin-right: 0
}

.digg #sync .digg-options input[type=checkbox] {
    margin: -4px 4px 0 10px;
    font-size: 16px
}

.digg #sync .digg-options .btn.blue {
    margin-top: 40px
}

#sync {
}

#sync nav {
    height: 20px;
    border-bottom: 1px solid #eee;
    padding: 25px 0 15px;
    text-align: center
}

#sync nav a {
    margin: 0 25px 0 25px;
    color: #666;
    font-size: 16px;
    font-weight: normal
}

#sync nav a.active {
    color: #111;
    font-weight: bold
}

#sync nav a:hover {
    color: #DD390D
}

#sync header {
    margin-bottom: 40px
}

#sync header h1 {
    text-align: center;
    font-weight: normal;
    font-size: 40px;
    padding: 30px 90px 5px;
    line-height: 1;
    margin-top: 30px
}

#sync header h1 small {
    line-height: 26px;
    display: block;
    margin-top: 20px;
    font-size: 22px;
    margin-top: 10px
}

#sync header .btn {
    background: #32bb62;
    color: #fff;
    margin: -30px auto 0;
    font-size: 18px;
    display: block;
    width: 320px;
    box-shadow: none;
    text-shadow: none;
    padding: 15px 0;
    border: 0;
    position: relative;
    font-weight: normal
}

#sync header .btn.blue {
    background: #3262bb;
    margin-top: -10px;
    margin-bottom: 100px
}

#sync header .sync {
    height: 257px;
    background: url(../../img/texture-sync.jpg) repeat-x #333;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff;
    position: relative;
    overflow: hidden
}

#sync header .sync span {
    position: absolute;
    top: 106px;
    font-size: 30px;
    left: 366px;
    color: #32bb62;
    opacity: 0
}

#sync header .sync span:last-child {
    left: 557px
}

#sync header .sync.animation span {
    -webkit-animation-name: fade-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: fade-in;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: fade-in;
    animation-duration: 1.2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1
}

#sync header .sync.animation .apps {
    -webkit-animation-name: left-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: left-in;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: left-in;
    animation-duration: 1.2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1
}

#sync header .sync.animation .sync {
    -webkit-animation-name: top-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: top-in;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: top-in;
    animation-duration: 1.2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1
}

#sync header .sync.animation .search {
    -webkit-animation-name: right-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: right-in;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: right-in;
    animation-duration: 1.2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1
}

#sync header .sync li {
    position: absolute;
    width: 200px;
    top: 70px;
    height: 20px;
    padding-top: 90px;
    text-align: center;
    font-size: 16px;
    opacity: 0
}

#sync header .sync li.apps {
    left: 130px;
    background: url(../../img/icon-apps.png) center 0 no-repeat
}

#sync header .sync li.sync {
    left: 50%;
    margin-left: -100px;
    background: url(../../img/icon-sync.png) center 0 no-repeat
}

#sync header .sync li.search {
    right: 130px;
    background: url(../../img/icon-cloudsearch.png) center 0 no-repeat
}

#sync .app-hooks {
    list-style: none;
    margin: 0;
    padding: 0 0 60px
}

#sync .app-hooks h2 {
    margin: 0;
    font-weight: normal;
    font-size: 30px;
    line-height: 36px;
    margin-left: 30px;
    float: left;
    width: 460px
}

#sync .app-hooks form.connect-button {
    width: 120px;
    float: right;
    margin: 0
}

#sync .app-hooks li {
    border-bottom: 1px solid #eee;
    padding: 50px 100px;
    overflow: hidden;
    position: relative
}

#sync .app-hooks li:first-child {
    padding-top: 30px
}

#sync .app-hooks li.active form input[type=checkbox] {
    display: block
}

#sync .app-hooks li.active form label, #sync .app-hooks li.active form a, #sync .app-hooks li.active form span {
    color: #777
}

#sync .app-hooks li.active form label strong, #sync .app-hooks li.active form a strong, #sync .app-hooks li.active form span strong {
    color: #333
}

#sync .app-hooks li.active .btn {
    background: #fff;
    box-shadow: none;
    border-color: #ddd;
    color: #777
}

#sync .app-hooks li.active .btn span {
    color: #87C636
}

#sync .app-hooks li .btn {
    float: right
}

#sync .app-hooks li form {
    margin: 0;
    margin-left: 150px
}

#sync .app-hooks li form>div {
    width: 253px;
    float: left;
    margin-top: 15px;
    padding: 15px 20px;
    border: 1px solid #eee
}

#sync .app-hooks li form>div:nth-child(2n+2) {
    border-left: 0
}

#sync .app-hooks li form>div a {
    width: 27px;
    height: 27px;
    float: right;
    background: url(../../img/icon-on-off.png) 1px 2px no-repeat;
    text-indent: -9999cm;
    border: 1px solid #ddd;
    border-bottom: 1px solid #ccc;
    border-radius: 25px;
    margin-top: 3px
}

#sync .app-hooks li form>div a:hover {
    border-color: #ccc;
    box-shadow: 0 0 2px #ddd inset;
    -webkit-transition: all .25s linear
}

#sync .app-hooks li form>div a.loading {
    background: url(../../img/sync-loading.gif) 6px 6px no-repeat #32bb62;
    border-color: #29a956;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) inset
}

#sync .app-hooks li form>div a.active {
    background-color: #32bb62;
    background-position: 1px -24px;
    border-color: #29a956;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) inset
}

#sync .app-hooks li form>div label, #sync .app-hooks li form>div span {
    padding-left: 45px;
    background: url(../../img/icon-hooks-favorites.png) 0 4px no-repeat;
    display: inline-block;
    font-size: 12px;
    color: #777;
    font-weight: normal
}

#sync .app-hooks li form>div label strong, #sync .app-hooks li form>div span strong {
    display: block;
    font-size: 15px;
    color: #777
}

#sync .app-hooks li form>div label.sharing, #sync .app-hooks li form>div span.sharing {
    background: url(../../img/icon-share.png) 0 4px no-repeat
}

#sync .app-hooks li form>div label.articles, #sync .app-hooks li form>div span.articles {
    background: url(../../img/icon-articles.png) 10px 4px no-repeat
}

#sync .app-hooks li form legend {
    margin-bottom: 0;
    margin-top: 1px;
    font-size: 15px;
    color: #999;
    line-height: 20px;
    padding-bottom: 12px;
    border-color: whitesmoke
}

#sync .app-hooks li form input[type=checkbox] {
    float: right;
    display: none
}

#sync .app-hooks li i {
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 4px;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px #ddd inset
}

#sync .app-hooks li.twitter i {
    background: url(../../img/icon-twitter-blue.png) center center no-repeat;
    background-size: 90px
}

#sync .app-hooks li.facebook i {
    background: url(../../img/icon-facebook-l.png) center center no-repeat;
    background-size: 70px
}

#sync .app-hooks li.github i {
    background: url(../../img/icon-github-l.png) center center no-repeat
}

#sync .app-hooks li.pocket i {
    background: url(../../img/pocket.png) center center no-repeat;
    background-size: 80px
}

#sync .app-hooks li.readability i {
    background: url(../../img/readability.png) center center no-repeat;
    background-size: 80px
}

#sync .app-hooks li.instapaper i {
    background: url(../../img/instapaper.png) center center no-repeat;
    background-size: 80px
}

#sync .app-hooks li.buffer i {
    background: url(../../img/icon-buffer-l.png) center center no-repeat;
    background-size: 87px
}

#sync .app-hooks li.tumblr i {
    background: url(../../img/icon-tumblr-l.png) center center no-repeat;
    background-size: 87px
}

#sync .app-hooks li.appdotnet i {
    background: url(../../img/icon-appdotnet.png) center center no-repeat
}

#sync .archive {
    height: 257px;
    background: url(../../img/texture-archive.jpg) repeat-x #333;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff;
    position: relative;
    overflow: hidden
}

#sync .archive span {
    position: absolute;
    top: 106px;
    font-size: 40px;
    left: 340px;
    color: #337afc;
    opacity: 0
}

#sync .archive span:last-child {
    left: 577px
}

#sync .archive.animation span {
    -webkit-animation-name: fade-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: fade-in;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: fade-in;
    animation-duration: 1.2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1
}

#sync .archive.animation .site {
    -webkit-animation-name: left-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: left-in;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: left-in;
    animation-duration: 1.2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1
}

#sync .archive.animation .archive {
    -webkit-animation-name: top-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: top-in;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: top-in;
    animation-duration: 1.2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1
}

#sync .archive.animation .search {
    -webkit-animation-name: right-in;
    -webkit-animation-duration: 1.2s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -moz-animation-name: right-in;
    -moz-animation-duration: 1.2s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: 1;
    animation-name: right-in;
    animation-duration: 1.2s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    opacity: 1
}

#sync .archive li {
    position: absolute;
    width: 180px;
    top: 70px;
    height: 40px;
    padding-top: 90px;
    text-align: center;
    font-size: 16px;
    opacity: 0
}

#sync .archive li.site {
    left: 130px;
    background: url(../../img/icon-page.png) center 0 no-repeat
}

#sync .archive li.archive {
    left: 50%;
    margin-left: -100px;
    background: url(../../img/icon-archives.png) center 0 no-repeat
}

#sync .archive li.search {
    right: 130px;
    background: url(../../img/icon-cloudsearch.png) center 0 no-repeat
}

#sync .extensions {
    text-align: center;
    margin-bottom: 60px
}

#sync .extensions li {
    list-style: none;
    display: inline-block;
    width: 240px;
    height: 200px;
    margin: 0 20px;
    background: #eee
}

#hook-modal {
    height: 360px;
    width: 540px;
    padding: 30px 30px 0;
    text-align: center
}

#hook-modal input[type=email] {
    font-size: 18px;
    padding: 8px;
    line-height: 30px;
    height: 18px
}

#hook-modal label {
    font-size: 16px
}

#hook-modal hr {
    margin: 20px 100px
}

#hook-modal form {
    display: inline;
    margin: 0
}

#hook-modal .btn {
    margin: 25px 15px;
    font-size: 18px
}

#hook-modal .btn.nope {
    background: none;
    border: 0;
    box-shadow: none;
    font-size: 16px
}

#hook-modal .btn.nope:hover {
    background: #eee
}

#hook-modal .signup-btn {
    display: block;
    border: 1px solid #136ac1;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 10px 9px 0;
    border-radius: 3px;
    margin: 10px 0 15px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    text-shadow: 0 1px 0 #1a64bf;
    cursor: pointer;
    text-align: left;
    width: 220px;
    display: inline-block
}

#hook-modal .signup-btn i {
    height: 20px;
    width: 10px;
    background-size: 20px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 15px;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 30px;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2)
}

#hook-modal .signup-btn:hover {
    box-shadow: 0 0 2px #ccc;
    text-decoration: none
}

#hook-modal .signup-twitter a {
    background-color: #0ba8d6;
    background-image: -moz-linear-gradient(#35bfe7, #0ba8d6);
    background-image: -o-linear-gradient(#35bfe7, #0ba8d6);
    background-image: -ms-linear-gradient(#35bfe7, #0ba8d6);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #35bfe7), color-stop(1, #0ba8d6));
    background-image: -webkit-linear-gradient(#35bfe7, #0ba8d6);
    width: 200px;
    margin-right: 20px
}

#hook-modal .signup-twitter a i {
    background: url(../../img/icon-twitter.png) center center no-repeat;
    background-size: 32px auto
}

#hook-modal .signup-facebook a {
    background-color: #4264b3;
    background-image: -moz-linear-gradient(#679ace, #4264b3);
    background-image: -o-linear-gradient(#679ace, #4264b3);
    background-image: -ms-linear-gradient(#679ace, #4264b3);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #679ace), color-stop(1, #4264b3));
    background-image: -webkit-linear-gradient(#679ace, #4264b3);
    border-color: #1b345a;
    text-shadow: 0 1px 0 #2d449e
}

#hook-modal .signup-facebook a i {
    background: url(../../img/icon-facebook.png) center center no-repeat;
    background-size: 10px auto
}

#hook-modal p a {
    color: #444
}

#hook-modal p a:hover {
    color: #DD390D
}

#hook-modal .login {
    font-weight: normal
}

#hook-modal h1 {
    font-weight: normal;
    font-size: 30px;
    padding: 30px 50px 0
}

#hook-modal h1 strong {
    display: block;
    margin-top: 10px
}

@-webkit-keyframes top-in {
    0% {
        top: -100px;
        opacity: 0
    }
    100% {
        top: 70px;
        opacity: 1
    }
}

@-webkit-keyframes diggs {
    0% {
        margin-top: 70px;
        opacity: 1
    }
    50% {
        opacity: .7
    }
    100% {
        margin-top: 0;
        opacity: 0
    }
}

@-moz-keyframes diggs {
    0% {
        margin-top: 70px;
        opacity: 1
    }
    50% {
        opacity: .7
    }
    100% {
        margin-top: 0;
        opacity: 0
    }
}

@keyframes diggs {
    0% {
        margin-top: 70px;
        opacity: 1
    }
    50% {
        opacity: .7
    }
    100% {
        margin-top: 0;
        opacity: 0
    }
}

@-webkit-keyframes import-in {
    0% {
        left: 25%;
        opacity: 0
    }
    60% {
        left: 30%;
        opacity: 0
    }
    100% {
        left: 50%;
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes left-in {
    0% {
        left: -100px;
        opacity: 0
    }
    100% {
        left: 130px;
        opacity: 1
    }
}

@-webkit-keyframes right-in {
    0% {
        right: -100px;
        opacity: 0
    }
    100% {
        right: 130px;
        opacity: 1
    }
}

@-webkit-keyframes reset {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes top-in {
    0% {
        top: -100px;
        opacity: 0
    }
    100% {
        top: 70px;
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes left-in {
    0% {
        left: -100px;
        opacity: 0
    }
    100% {
        left: 130px;
        opacity: 1
    }
}

@-moz-keyframes right-in {
    0% {
        right: -100px;
        opacity: 0
    }
    100% {
        right: 130px;
        opacity: 1
    }
}

@-moz-keyframes import-in {
    0% {
        left: 25%;
        opacity: 0
    }
    100% {
        left: 50%;
        opacity: 1
    }
}

@-moz-keyframes reset {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes top-in {
    0% {
        top: -100px;
        opacity: 0
    }
    100% {
        top: 70px;
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes left-in {
    0% {
        left: -100px;
        opacity: 0
    }
    100% {
        left: 130px;
        opacity: 1
    }
}

@keyframes right-in {
    0% {
        right: -100px;
        opacity: 0
    }
    100% {
        right: 130px;
        opacity: 1
    }
}

@keyframes reset {
    0% {
        opacity: 0
    }
    100% {
        opacity: 0
    }
}

@keyframes import-in {
    0% {
        left: 25%;
        opacity: 0
    }
    100% {
        left: 50%;
        opacity: 1
    }
}

#feedback textarea {
    width: 738px;
    color: #333;
    height: 200px;
    padding: 20px;
    font-size: 16px;
    margin-bottom: 20px
}

#feedback input {
    float: right
}

#feedback .follow {
    height: 36px
}

#feedback .follow>div, #feedback .follow h3 {
    float: left;
    width: 240px
}

#feedback .follow>div {
    margin-top: 9px;
    width: 140px
}

#api .alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #FCF8E3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #3A87AD;
    background-color: #D9EDF7;
    border-color: #BCE8F1
}

#api .alert p:last-child {
    margin-bottom: 0
}

#import form {
    margin: 30px 0 0 0
}

#import .input {
    margin-bottom: 0
}

#import .actions {
    background: none;
    border: none;
    padding: 0 20px 0 0
}

#import .message {
    background: #efefef;
    padding: 10px 10px 10px 30px;
    margin: 10px 0;
    color: #222;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    display: none
}

#import .message li {
    margin: .5em;
    color: #333
}